:root{--bg: #020403;--text: #e6fff3;--muted: #78ffc8;--neon: #00ff88;--neon-2: #1affb3;--accent: #00a86b;--shadow: 0 0 24px rgba(0, 255, 136, .35), 0 0 64px rgba(0, 255, 136, .12);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 800px at 80% -20%,rgba(0,255,136,.15),transparent 60%),radial-gradient(1000px 700px at -10% 120%,rgba(26,255,179,.12),transparent 55%),linear-gradient(180deg,#000,var(--bg) 35%);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,"Apple Color Emoji","Segoe UI Emoji";overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}code,pre,.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}a{color:var(--neon);text-decoration:none}a:hover{text-shadow:var(--shadow)}.scanline:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,255,136,.03) 0 2px,transparent 2px 4px);pointer-events:none;mix-blend-mode:overlay}.noise:after{content:"";position:fixed;inset:-10%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140"><filter id="n"><feTurbulence baseFrequency="0.65" numOctaves="2" seed="2"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.03"/></svg>');background-size:140px 140px;animation:noiseShift 1.8s steps(2,end) infinite;pointer-events:none}@keyframes noiseShift{to{transform:translate3d(-1%,-1%,0)}}.neon-border{border:1px solid rgba(0,255,136,.35);box-shadow:inset 0 0 0 1px #00a86b33,var(--shadow)}.grid{display:grid;gap:24px}.grid.autofill{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}@media (max-width: 640px){.container{padding:56px 14px 80px}.hero__title{font-size:clamp(32px,10vw,54px)}.topnav{gap:8px;padding:8px 10px;border-radius:10px}.project-card{padding:16px;border-radius:12px}.badges{gap:8px}.footer{gap:10px;justify-content:center;text-align:center}}.container{position:relative;z-index:1;padding:72px 24px 96px;max-width:1200px;margin:0 auto}.topnav{position:sticky;top:0;z-index:5;display:flex;gap:14px;align-items:center;padding:10px 16px;margin:0 auto;max-width:1200px;background:#00140c8c;border-radius:12px;border:1px solid rgba(0,255,136,.25);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topnav a{color:var(--text);padding:6px 10px;border-radius:8px;border:1px solid transparent}.topnav a:hover{border-color:#00ff8859;text-shadow:var(--shadow)}.hero{display:grid;gap:20px;margin:40px 0 56px}.hero__title{font-size:clamp(40px,8vw,96px);line-height:.95;margin:0;letter-spacing:-1px;text-shadow:0 0 12px rgba(0,255,136,.35)}.hero__title .muted{color:var(--muted)}.hero__subtitle{margin:0;color:#e6fff3b3}.terminal{background:#00140ca6;border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}.terminal:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 120px at var(--mx, 50%) -10%,rgba(0,255,136,.15),transparent 50%);pointer-events:none}.terminal-text{margin:0;white-space:pre-wrap;color:var(--text)}.cursor{display:inline-block;width:10px;height:1.1em;background:var(--neon);box-shadow:var(--shadow);vertical-align:-.2em;animation:blink 1s steps(2,start) infinite}@keyframes blink{50%{opacity:0}}.section-title{font-size:18px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin:56px 0 20px}.project-card{position:relative;display:block;padding:22px;border-radius:16px;background:linear-gradient(180deg,#00140cbf,#000804bf);transform:perspective(800px) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));transition:transform .12s ease-out,background .3s ease,box-shadow .3s ease;will-change:transform;overflow:hidden}.project-card:hover{background:linear-gradient(180deg,#00140ce6,#000804d9)}.project-card .beam{position:absolute;inset:0;background:radial-gradient(300px 120px at var(--px, 50%) var(--py, 50%),rgba(0,255,136,.25),transparent 40%);pointer-events:none;mix-blend-mode:screen}.project-card.featured{border:1px solid rgba(0,255,136,.6);box-shadow:0 0 0 2px #00ff8826,0 0 24px #00ff8840,0 0 60px #0f83;animation:featuredGlow 2.4s ease-in-out infinite}@keyframes featuredGlow{0%,to{box-shadow:0 0 0 2px #00ff881f,0 0 24px #00ff882e,0 0 60px #00ff8824}50%{box-shadow:0 0 0 2px #0f83,0 0 36px #00ff8859,0 0 80px #00ff8847}}.project-card__grid{display:grid;gap:6px}.project-card__header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.project-card .index{color:#78ffc8e6;font-size:12px;letter-spacing:.25em;text-transform:uppercase}.project-card .title{margin:0;font-size:20px}.project-card .tagline{margin:2px 0 4px;color:#e6fff3bf}.project-card .tech{color:#78ffc8e6;font-size:12px}.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.badges>span{padding:6px 10px;border-radius:999px;background:#000f0ab3;border:1px solid rgba(0,255,136,.25)}.footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:64px;opacity:.8}@media (hover: none),(pointer: coarse){.project-card{transform:none!important}}