:root{--bg-0: #050606;--bg-1: #0a0c08;--line: #1c2018;--ghost: #5a6935;--txt: #cacec0;--mute: #818a6a;--soft: #a6ad94;--acid: #aaed00;--neon: #bcff12;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-disp: "Space Grotesk", "Inter", system-ui, sans-serif;--maxw: 880px;--pad: clamp(1.25rem, 4vw, 2.5rem);--rad: 4px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--txt);font-family:var(--font-sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{scroll-behavior:smooth}body{min-height:100vh;background-image:radial-gradient(ellipse at bottom right,rgba(170,237,0,.04),transparent 70%);overflow-x:hidden}a{color:var(--acid);text-decoration:none;border-bottom:1px solid transparent;transition:color .12s ease,border-color .12s ease,text-shadow .2s ease}a:hover{color:var(--neon);border-bottom-color:var(--neon);text-shadow:0 0 8px rgba(188,255,18,.4)}h1,h2,h3,h4{font-family:var(--font-disp);font-weight:600;color:var(--soft);letter-spacing:-.01em;margin:0 0 .6em}h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05}h2{font-size:clamp(1.5rem,3.6vw,2.2rem);margin-top:3rem}h3{font-size:1.15rem;color:var(--acid)}p{margin:0 0 1em;color:var(--txt)}small,.mono{font-family:var(--font-mono);font-size:.82rem;color:var(--mute)}::selection{background:var(--acid);color:var(--bg-0)}hr{border:0;border-top:1px dashed var(--line);margin:2.5rem 0}code,pre{font-family:var(--font-mono);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--rad);padding:.1em .4em;font-size:.9em;color:var(--soft)}button{font:inherit;background:transparent;color:var(--acid);border:1px solid var(--ghost);border-radius:var(--rad);padding:.5em 1em;cursor:pointer;transition:all .15s ease}button:hover{border-color:var(--acid);background:#aaed000d}img{max-width:100%;display:block;height:auto}.shell{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:var(--pad);padding-top:calc(var(--pad) + 2rem);padding-bottom:6rem}.section+.section{margin-top:4rem}.eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:.6rem;display:block}.bg-logo{position:fixed;left:0;bottom:0;width:clamp(60px,12vw,130px);height:100vh;pointer-events:none;z-index:0;user-select:none;color:var(--ghost);opacity:.45;filter:drop-shadow(0 0 60px rgba(170,237,0,.2));transition:opacity .8s ease,color .6s ease}@media(max-width:700px){.bg-logo{width:clamp(50px,14vw,90px);opacity:.32}}.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1rem var(--pad);background:linear-gradient(to bottom,rgba(5,6,6,.85),transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.nav-brand{font-family:var(--font-mono);font-weight:600;color:var(--soft);letter-spacing:-.02em}.nav-brand:hover{color:var(--acid);border-bottom:0}.nav-brand .dot{color:var(--acid)}.nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1.4rem}.nav a{font-family:var(--font-mono);font-size:.85rem;color:var(--mute);border:0}.nav a:hover,.nav a.active{color:var(--acid)}@media(max-width:600px){.nav ul{gap:.9rem}.nav a{font-size:.78rem}}.hero{padding:6rem 0 3rem}.hero h1{display:inline-block;background:linear-gradient(110deg,var(--soft) 30%,var(--neon) 70%,var(--acid) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .tagline{font-family:var(--font-mono);color:var(--mute);font-size:.95rem;margin-top:.5rem}.hero .tagline .cursor:after{content:"_";color:var(--acid);animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{position:relative;display:block;padding:1.4rem;border:1px solid var(--line);border-radius:var(--rad);background:var(--bg-1);color:var(--txt);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);border-color:var(--ghost);box-shadow:0 0 0 1px #aaed0026,0 8px 30px #00000059;border-bottom-color:var(--ghost)}.card .card-icon{font-family:var(--font-mono);color:var(--acid);font-size:.8rem;margin-bottom:.4rem;display:block}.card h3{color:var(--soft);margin:0 0 .4rem}.card p{color:var(--mute);font-size:.92rem;margin:0}.card .card-arrow{position:absolute;right:1rem;top:1rem;color:var(--ghost);font-family:var(--font-mono);transition:transform .2s ease,color .2s ease}.card:hover .card-arrow{color:var(--neon);transform:translate(2px,-2px)}.proj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.proj-card{display:block;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;background:var(--bg-1);color:var(--txt);transition:transform .2s ease,border-color .2s ease}.proj-card:hover{transform:translateY(-2px);border-color:var(--ghost);border-bottom-color:var(--ghost)}.proj-card .proj-thumb{aspect-ratio:4 / 3;background:var(--bg-0);overflow:hidden}.proj-card .proj-thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) brightness(.92);transition:filter .3s ease,transform .6s ease}.proj-card:hover .proj-thumb img{filter:none;transform:scale(1.04)}.proj-card .proj-meta{padding:1rem}.proj-card .proj-meta h3{color:var(--soft);margin:0 0 .2rem}.proj-card .proj-meta p{color:var(--mute);font-size:.9rem;margin:0}.social{display:flex;flex-wrap:wrap;gap:.6rem}.social a{font-family:var(--font-mono);font-size:.85rem;border:1px solid var(--line);border-radius:var(--rad);padding:.4em .8em;color:var(--mute);border-bottom:1px solid var(--line);transition:all .15s ease}.social a:hover{color:var(--acid);border-color:var(--acid);border-bottom-color:var(--acid);background:#aaed000a}.social a .dot{color:var(--acid)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px}.gallery .tile{position:relative;aspect-ratio:1;background:var(--bg-1);cursor:zoom-in;overflow:hidden;border-radius:2px}.gallery .tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .2s ease;filter:brightness(.85)}.gallery .tile:hover img{transform:scale(1.06);filter:brightness(1)}.lightbox{position:fixed;inset:0;background:#000000f0;display:none;align-items:center;justify-content:center;z-index:100;padding:2rem;cursor:zoom-out}.lightbox.open{display:flex}.lightbox img{max-width:95vw;max-height:90vh;object-fit:contain;border:1px solid var(--ghost);box-shadow:0 0 80px #aaed0026}.lightbox .lb-meta{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font-family:var(--font-mono);color:var(--mute);font-size:.85rem}.lightbox .lb-caption{position:absolute;bottom:2.4rem;left:0;right:0;text-align:center;color:var(--soft);font-size:.95rem;padding:0 2rem;max-width:100%}.lightbox .lb-caption:empty{display:none}.lightbox .lb-nav{position:absolute;top:50%;transform:translateY(-50%);color:var(--ghost);font-family:var(--font-mono);font-size:2rem;padding:1rem;cursor:pointer;user-select:none}.lightbox .lb-nav:hover{color:var(--acid)}.lightbox .lb-prev{left:.5rem}.lightbox .lb-next{right:.5rem}ul.plain{list-style:none;padding:0;margin:0}ul.plain li{padding:.4rem 0;border-bottom:1px dashed var(--line)}ul.plain li:last-child{border-bottom:0}.kv{display:grid;grid-template-columns:8rem 1fr;gap:.4rem 1.2rem;font-family:var(--font-mono);font-size:.9rem}.kv dt{color:var(--mute)}.kv dd{color:var(--soft);margin:0}footer{margin-top:6rem;padding-top:2rem;border-top:1px dashed var(--line);font-family:var(--font-mono);font-size:.8rem;color:var(--mute);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}footer .build-info{color:var(--mute)}footer .build-info a{color:var(--mute);border:0}footer .build-info a:hover{color:var(--acid)}footer .secret-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ghost);margin-left:.4rem;cursor:pointer;transition:background .2s ease,box-shadow .2s ease;vertical-align:middle}footer .secret-dot:hover{background:var(--acid);box-shadow:0 0 8px var(--acid)}.hotspot{cursor:help;border-bottom:1px dotted transparent;transition:border-color .2s ease,color .2s ease}.hotspot:hover{border-bottom-color:var(--ghost);color:var(--soft)}@keyframes konami-flash{0%{background:var(--bg-0)}20%{background:var(--acid)}to{background:var(--bg-0)}}body.konami{animation:konami-flash .6s ease}@keyframes rainbow-spin{0%{filter:hue-rotate(0deg) saturate(1.4)}50%{filter:hue-rotate(180deg) saturate(2)}to{filter:hue-rotate(360deg) saturate(1.4)}}body.rainbow{animation:rainbow-spin 1.6s linear infinite}body.rainbow .bg-logo{opacity:.65}.terminal{position:fixed;left:0;right:0;bottom:-100%;height:40vh;background:#050606f7;border-top:1px solid var(--ghost);font-family:var(--font-mono);font-size:.85rem;color:var(--soft);padding:1rem;overflow:auto;transition:bottom .25s ease;z-index:50}.terminal.open{bottom:0}.terminal .term-line{white-space:pre-wrap}.terminal .term-prompt{color:var(--acid)}.terminal input{background:transparent;border:none;color:var(--neon);font:inherit;width:80%;outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0ms!important;transition-duration:0ms!important}}