@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box;font-family:Share Tech Mono,monospace}html,body,#root{width:100%;height:100%;background-color:#050505;color:#fff;overflow-x:hidden;cursor:crosshair}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.hud-header{position:fixed;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;z-index:50}.hud-footer{position:fixed;bottom:20px;left:20px;right:20px;display:flex;justify-content:center;pointer-events:none;z-index:50}.hud-text{color:#0ff;text-shadow:0 0 5px #00ffff;letter-spacing:2px;font-weight:700}.hud-subtext{color:#aaa6c3;font-size:.8rem}.scifi-border{border:1px solid rgba(0,255,255,.3);border-radius:4px;position:relative;background:#0006;box-shadow:0 0 10px #00ffff1a}.scifi-border:before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:2px solid #00ffff;border-left:2px solid #00ffff}.scifi-border:after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-bottom:2px solid #00ffff;border-right:2px solid #00ffff}.section-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;position:relative;z-index:10;pointer-events:auto}.section-content{max-width:80rem;width:100%}.hero-text{font-size:5rem;font-weight:900;color:#fff;line-height:1.1}@media (max-width: 640px){.hero-text{font-size:3rem}}.hero-subtext{font-size:1.875rem;color:#dfd9ff;font-weight:500;margin-top:.5rem}@media (max-width: 640px){.hero-subtext{font-size:1.25rem}}.highlight{color:#915eff}.center-content{display:flex;flex-direction:column;align-items:center}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.section-title{font-size:3rem;font-weight:900;margin-bottom:2.5rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem}.card{padding:1.25rem 3rem;min-height:280px;display:flex;justify-content:center;align-items:center;flex-direction:column}.flex-col{display:flex;flex-direction:column;gap:2.5rem}.experience-card{background:#1d1836;color:#fff;padding:2rem;border-radius:.75rem;border-bottom:4px solid #fff}.experience-header{display:flex;justify-content:space-between;align-items:center}.project-card{border-radius:.75rem;width:100%;overflow:hidden}.project-image-container{position:relative;width:100%;height:230px}.project-image{width:100%;height:100%;object-fit:cover;border-radius:1rem}.project-links{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;margin:.75rem}.icon-btn{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#000}.skills-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem}.skill-item{width:7rem;height:7rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-form{padding:2rem;width:100%;max-width:40rem;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:1.5rem}.form-input{background:#151030;padding:1rem 1.5rem;border-radius:.5rem;color:#fff;outline:none;border:none;font-weight:500}.form-input::placeholder{color:#aaa6c3}.cta-btn{background:#915eff;padding:.75rem 2rem;border-radius:.75rem;outline:none;color:#fff;font-weight:700;box-shadow:0 5px #6e3cb8;cursor:pointer;border:none;text-decoration:none;display:inline-block}.cta-btn:active{box-shadow:none;transform:translateY(5px)}.blue-text-gradient{background:-webkit-linear-gradient(#00c6ff,#0072ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.green-text-gradient{background:-webkit-linear-gradient(#11998e,#38ef7d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pink-text-gradient{background:-webkit-linear-gradient(#ec008c,#fc6767);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
