: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}.scanline:after{content:"";position:fixed;inset:0;background:linear-gradient(transparent,transparent 31px,rgba(0,255,136,.06) 32px),linear-gradient(90deg,transparent,transparent 31px,rgba(0,255,136,.06) 32px);background-size:32px 32px;mask:radial-gradient(60% 60% at 50% 40%,black 0%,black 60%,transparent 100%);pointer-events:none}.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)}.topnav a{position:relative}.topnav a:after{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.5),transparent);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.topnav a:hover:after{transform:scaleX(1)}.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)}.gradient-text{background:linear-gradient(92deg,var(--text),var(--neon-2) 45%,var(--neon) 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(0,255,136,.25))}.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:after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:inset 0 0 40px #00ff880f;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:radial-gradient(120% 180% at 100% 0%,#00ff880f,#000804a6 45%,#000603b3),linear-gradient(180deg,#00140ca6,#000804b3);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 .preview{position:relative;height:140px;border-radius:12px;overflow:hidden;border:1px solid rgba(0,255,136,.25);background:#000a068c;margin-bottom:12px}.project-card .preview__bar{position:absolute;inset:0 0 auto;height:26px;background:linear-gradient(180deg,#00180ccc,#000c06cc);display:flex;align-items:center;gap:6px;padding:0 8px;border-bottom:1px solid rgba(0,255,136,.25)}.project-card .preview__bar span{width:10px;height:10px;border-radius:50%;background:#00ff8859;box-shadow:0 0 8px #00ff8840}.project-card .preview__thumb{position:absolute;inset:26px 0 0;width:100%;height:calc(100% - 26px);object-fit:cover;filter:saturate(.9) contrast(.95)}.project-card .preview__placeholder{position:absolute;inset:26px 0 0;display:grid;place-items:center;color:#e6fff3cc;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:repeating-linear-gradient(45deg,#00ff880f 0 8px,#0000 8px 16px)}.project-card .preview__frame{position:absolute;inset:26px 0 0;width:100%;height:calc(100% - 26px);transform:scale(.4);transform-origin:top left;width:250%;height:250%;border:0;filter:saturate(.85) contrast(.95);background:#000;pointer-events:none}.project-card .preview__shine{position:absolute;inset:0;background:radial-gradient(280px 120px at var(--px, 50%) var(--py, 30%),rgba(0,255,136,.18),transparent 45%);mix-blend-mode:screen;pointer-events:none}.project-card .preview__overlay-hide{position:absolute;inset:26px 0 0;background:#000;opacity:0;pointer-events:none}.project-card:hover{background:radial-gradient(120% 180% at 100% 0%,#00ff881a,#000804b3 45%,#000603bf),linear-gradient(180deg,#00140cd9,#000804d9)}.project-card .beam{position:absolute;inset:0;background:radial-gradient(300px 120px at var(--px, 50%) var(--py, 50%),rgba(0,255,136,.3),transparent 40%),conic-gradient(from 210deg at var(--px, 50%) var(--py, 50%),rgba(0,255,136,.05),transparent 25%);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;letter-spacing:-.02em}.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}}