:root{--bg:#020503;--g:#00ff41;--gd:#0f6b2b;--ink:#b9f5c9;--dim:#5fbf7a;--mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--mono)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(transparent 0 2px,rgba(0,0,0,.22) 2px 3px)}
::selection{background:var(--g);color:#000}
a{color:var(--g)}
.skip{position:absolute;left:-999px;top:0;background:var(--g);color:#000;padding:.5rem 1rem;z-index:30}
.skip:focus{left:0}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);background:rgba(2,5,3,.9);border-bottom:1px solid var(--gd)}
.logo{font-weight:800;font-size:1.15rem;letter-spacing:.12em;color:var(--ink);text-decoration:none}
.logo::before{content:"> ";color:var(--dim)}
.logo span{color:var(--g)}
.top nav{display:flex;align-items:center;gap:1.2rem}
.top nav a:not(.btn){color:var(--dim);text-decoration:none;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}
.top nav a:not(.btn):hover{color:var(--g)}
.btn{display:inline-block;padding:.8rem 1.5rem;background:var(--g);color:#000;font:800 .95rem var(--mono);text-transform:uppercase;letter-spacing:.12em;text-decoration:none;border:2px solid var(--g);box-shadow:0 0 18px rgba(0,255,65,.35);transition:background .15s,color .15s,box-shadow .15s}
.btn:hover,.btn:focus-visible{background:#000;color:var(--g);box-shadow:0 0 28px rgba(0,255,65,.6)}
.btn.small{padding:.4rem .85rem;font-size:.75rem}
.btn.ghost{background:transparent;color:var(--g);box-shadow:none}
.btn.ghost:hover,.btn.ghost:focus-visible{background:var(--g);color:#000}
.hero{position:relative;overflow:hidden;min-height:82vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.2rem}
.rain{position:absolute;inset:0;width:100%;height:100%;opacity:.45;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.hero>*:not(.rain){position:relative}
.kicker{margin:0 0 .6rem;color:var(--g);font-weight:700;font-size:.9rem;letter-spacing:.3em;text-transform:uppercase}
.kicker::before{content:"$ ";color:var(--dim)}
.kicker::after{content:"_";animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.glitch{position:relative;margin:0;font:900 clamp(2.6rem,10vw,6.4rem)/1 var(--mono);letter-spacing:.04em;color:var(--g);text-shadow:0 0 22px rgba(0,255,65,.55)}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;color:var(--g);opacity:.55;text-shadow:none}
.glitch::before{clip-path:inset(0 0 60% 0);animation:jitter 3.2s infinite steps(1)}
.glitch::after{clip-path:inset(55% 0 0 0);animation:jitter 2.7s infinite steps(1) reverse}
@keyframes jitter{0%,90%,100%{transform:translate(0)}92%{transform:translate(-6px,1px)}95%{transform:translate(6px,-1px)}}
.lead{max-width:34rem;margin:1.4rem auto 2rem;color:var(--ink);font-size:1.05rem;text-shadow:0 0 8px #000,0 0 18px #000}
.cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.level{max-width:62rem;margin:0 auto;padding:4rem 1.2rem}
.level h2{margin:0 0 .6rem;font-weight:800;font-size:clamp(1.5rem,4vw,2.2rem);color:var(--g)}
.level h2 span::before{content:"> "}
.level h2 span{display:block;color:var(--dim);font-size:.8rem;letter-spacing:.3em;text-transform:uppercase}
.level p{color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0 0;padding:0;list-style:none}
.chips li{padding:.35rem .8rem;border:1px solid var(--gd);font-weight:600;font-size:.85rem;color:var(--g);transition:background .15s,color .15s}
.chips li::before{content:"[ ";color:var(--dim)}
.chips li::after{content:" ]";color:var(--dim)}
.chips li:hover{background:var(--g);color:#000}
.chips li:hover::before,.chips li:hover::after{color:#000}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1.2rem;margin-top:1.6rem}
.cards article{padding:1.2rem;background:rgba(0,255,65,.04);border:1px solid var(--gd);transition:border-color .15s,box-shadow .15s}
.cards article:hover{border-color:var(--g);box-shadow:0 0 18px rgba(0,255,65,.2)}
.cards h3{margin:0 0 .5rem;font-weight:800;font-size:1.02rem;color:var(--g)}
.cards h3::before{content:"$ ";color:var(--dim)}
.cards p{margin:0;font-size:.92rem;color:var(--ink)}
.boss{text-align:center;border:1px solid var(--gd);background:rgba(0,255,65,.05);margin-bottom:3rem}
.boss .btn{margin-top:1rem}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}
.reveal.in{opacity:1;transform:none}
footer{padding:2rem 1.2rem 3rem;text-align:center;color:var(--dim);border-top:1px solid var(--gd);font-size:.9rem}
footer p{margin:.2rem 0}
.hint{font-size:.75rem;opacity:.7}
body.rainbow .glitch,body.rainbow .logo{animation:hue 2s linear infinite}
@keyframes hue{to{filter:hue-rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.glitch::before,.glitch::after,.kicker::after,body.rainbow .glitch,body.rainbow .logo{animation:none}.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}