:root{
  --bg:#0a0014;
  --bg-2:#12002a;
  --neon-pink:#ff0080;
  --neon-cyan:#00ffff;
  --neon-yellow:#ffcc00;
  --neon-green:#00ff88;
  --neon-red:#ff2222;
  --neon-purple:#a020f0;
  --text:#ffffff;
  --dim:#a0a0c0;
  --panel:rgba(255,0,128,0.06);
  --border:#ff0080;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--text);font-family:'JetBrains Mono',monospace;overflow-x:hidden}
body{background:radial-gradient(ellipse at top,#2a0044 0%,#0a0014 50%,#000000 100%);min-height:100vh;line-height:1.4;position:relative}
.pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges}

/* CRT scanlines */
.scanlines{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,0,128,0.03) 0,rgba(255,0,128,0.03) 1px,transparent 1px,transparent 3px);z-index:1000;mix-blend-mode:overlay}
.crt-flicker{position:fixed;inset:0;pointer-events:none;background:rgba(255,0,128,0.02);z-index:999;animation:flicker 4s infinite}
@keyframes flicker{0%,100%{opacity:0}50%{opacity:1}}

/* STICKY CA BAR */
.topca{position:sticky;top:0;background:#000;border-bottom:2px solid var(--neon-yellow);z-index:950;box-shadow:0 0 20px rgba(255,204,0,0.4)}
.topca-inner{max-width:1400px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:12px;font-family:'JetBrains Mono',monospace;font-size:12px;flex-wrap:wrap;justify-content:center}
.topca-label{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--neon-yellow);letter-spacing:2px;padding:0 6px}
.topca-address{color:var(--neon-cyan);font-weight:700;word-break:break-all;flex:1;min-width:260px;text-align:center;text-shadow:0 0 6px var(--neon-cyan)}
.topca-btn{background:transparent;border:2px solid var(--neon-pink);color:var(--neon-pink);padding:5px 12px;font-family:'Press Start 2P',monospace;font-size:9px;letter-spacing:1px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all 0.15s}
.topca-btn:hover{background:var(--neon-pink);color:#000;box-shadow:0 0 15px var(--neon-pink)}
.topca-btn-pump{border-color:var(--neon-green);color:var(--neon-green)}
.topca-btn-pump:hover{background:var(--neon-green);color:#000;box-shadow:0 0 15px var(--neon-green)}

/* TICKER */
.ticker{position:sticky;top:38px;background:var(--neon-pink);color:#000;font-family:'Press Start 2P',monospace;font-size:11px;padding:8px 0;overflow:hidden;white-space:nowrap;border-bottom:3px solid #000;z-index:900;box-shadow:0 0 20px var(--neon-pink)}
.ticker-track{display:inline-block;animation:ticker-scroll 60s linear infinite;padding-left:100%}
.ticker-track span{padding:0 30px;display:inline-block}
@keyframes ticker-scroll{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}

/* CONTAINER */
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* HERO */
.hero{position:relative;padding:60px 20px 80px;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center}
.stars{position:absolute;inset:0;background-image:
  radial-gradient(1px 1px at 20px 30px,#ffffff,transparent),
  radial-gradient(1px 1px at 40px 70px,#ffffff,transparent),
  radial-gradient(1px 1px at 90px 40px,var(--neon-pink),transparent),
  radial-gradient(2px 2px at 130px 80px,#ffffff,transparent),
  radial-gradient(1px 1px at 160px 30px,var(--neon-cyan),transparent),
  radial-gradient(1px 1px at 200px 60px,#ffffff,transparent),
  radial-gradient(2px 2px at 250px 90px,var(--neon-yellow),transparent),
  radial-gradient(1px 1px at 290px 20px,#ffffff,transparent),
  radial-gradient(1px 1px at 320px 100px,var(--neon-green),transparent);
  background-size:350px 120px;background-repeat:repeat;opacity:0.6;animation:stars 60s linear infinite}
@keyframes stars{from{background-position:0 0}to{background-position:-350px 0}}

.hero-inner{position:relative;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;width:100%;max-width:1200px;align-items:center}
.hero-side{display:flex;flex-direction:column;align-items:center;gap:12px}
.ascii-bolz{color:var(--neon-cyan);font-size:12px;line-height:1.1;text-shadow:0 0 10px var(--neon-cyan);animation:bolz-spin 8s linear infinite;filter:drop-shadow(0 0 8px var(--neon-cyan))}
@keyframes bolz-spin{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}
.badge{background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);padding:6px 12px;font-family:'Press Start 2P',monospace;font-size:9px;letter-spacing:1px;box-shadow:0 0 15px rgba(0,255,255,0.4);white-space:nowrap}
.badge.red{border-color:var(--neon-red);color:var(--neon-red);box-shadow:0 0 15px rgba(255,34,34,0.4)}
.badge.yellow{border-color:var(--neon-yellow);color:var(--neon-yellow);box-shadow:0 0 15px rgba(255,204,0,0.4)}

.hero-center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}
.logo-mark{padding:8px;background:rgba(255,0,128,0.15);border:4px solid var(--neon-pink);box-shadow:0 0 30px var(--neon-pink),inset 0 0 20px rgba(255,0,128,0.3);animation:mark-pulse 2s ease-in-out infinite}
@keyframes mark-pulse{0%,100%{box-shadow:0 0 30px var(--neon-pink),inset 0 0 20px rgba(255,0,128,0.3)}50%{box-shadow:0 0 60px var(--neon-pink),0 0 100px var(--neon-purple),inset 0 0 30px rgba(255,0,128,0.5)}}
.logo-mark img{display:block}

.wordmark{font-family:'VT323',monospace;font-size:clamp(56px,10vw,120px);line-height:0.9;letter-spacing:-2px;color:var(--neon-yellow);text-shadow:
  4px 0 var(--neon-pink),
  -4px 0 var(--neon-cyan),
  0 0 30px var(--neon-yellow),
  0 0 60px var(--neon-pink);
  animation:glitch-text 3s infinite}
@keyframes glitch-text{0%,90%,100%{text-shadow:4px 0 var(--neon-pink),-4px 0 var(--neon-cyan),0 0 30px var(--neon-yellow)}92%{text-shadow:-2px 0 var(--neon-green),2px 0 var(--neon-red),0 0 30px var(--neon-yellow)}95%{text-shadow:6px 2px var(--neon-cyan),-6px -2px var(--neon-pink),0 0 30px var(--neon-yellow)}}

.tagline{font-family:'Press Start 2P',monospace;font-size:14px;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan);letter-spacing:2px}

/* CA BOX */
.ca-box{background:rgba(0,0,0,0.6);border:3px solid var(--neon-pink);padding:16px 20px;max-width:540px;width:100%;box-shadow:0 0 20px rgba(255,0,128,0.4),inset 0 0 10px rgba(0,255,255,0.1);position:relative}
.ca-label{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--neon-yellow);margin-bottom:8px;letter-spacing:2px}
.ca-address{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--neon-cyan);word-break:break-all;padding:8px 0;letter-spacing:0.5px}
.ca-copy{margin-top:8px;background:transparent;border:2px solid var(--neon-yellow);color:var(--neon-yellow);padding:8px 16px;font-family:'Press Start 2P',monospace;font-size:9px;cursor:pointer;letter-spacing:1px;transition:all 0.2s}
.ca-copy:hover{background:var(--neon-yellow);color:#000;box-shadow:0 0 20px var(--neon-yellow)}

/* BUTTONS */
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.hero-cta.center{justify-content:center}
.btn{display:inline-block;padding:14px 24px;font-family:'Press Start 2P',monospace;font-size:11px;text-decoration:none;letter-spacing:1px;cursor:pointer;transition:all 0.2s;border:3px solid;text-align:center}
.btn.primary{background:var(--neon-pink);color:#000;border-color:#000;box-shadow:6px 6px 0 var(--neon-cyan),0 0 30px rgba(255,0,128,0.5)}
.btn.primary:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--neon-cyan),0 0 40px var(--neon-pink)}
.btn.ghost{background:transparent;color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 15px rgba(0,255,255,0.3)}
.btn.ghost:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 30px var(--neon-cyan)}
.btn.large{padding:18px 32px;font-size:13px}

/* GLITCH STRIP */
.glitch-strip{margin-top:20px;font-family:'Press Start 2P',monospace;font-size:10px;color:var(--neon-green);letter-spacing:2px;animation:strip-flicker 0.5s infinite;text-shadow:0 0 8px var(--neon-green)}
.glitch-strip.big{font-size:16px;text-align:center;padding:20px;color:var(--neon-yellow)}
@keyframes strip-flicker{0%,100%{opacity:1}97%{opacity:1}98%{opacity:0.3;transform:translateX(2px)}99%{opacity:1;transform:translateX(-2px)}}

/* SECTION HEADINGS */
.section-heading{font-family:'Press Start 2P',monospace;font-size:clamp(16px,3vw,28px);color:var(--neon-yellow);text-align:center;margin-bottom:40px;letter-spacing:2px;text-shadow:2px 2px 0 var(--neon-pink),-2px -2px 0 var(--neon-cyan),0 0 30px var(--neon-yellow)}
.section-heading.center{margin-bottom:20px}
.subheading{display:block;font-size:11px;color:var(--dim);margin-top:12px;text-shadow:none}

/* MANIFESTO */
.manifesto{padding:80px 0;position:relative}
.manifesto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.manifest-card{background:rgba(0,0,0,0.5);border:2px solid var(--neon-purple);padding:24px;position:relative;transition:all 0.3s;box-shadow:0 0 20px rgba(160,32,240,0.2)}
.manifest-card:hover{border-color:var(--neon-pink);box-shadow:0 0 40px rgba(255,0,128,0.4);transform:translateY(-4px)}
.manifest-num{font-family:'Press Start 2P',monospace;font-size:32px;color:var(--neon-pink);opacity:0.4;position:absolute;top:12px;right:16px}
.manifest-title{font-family:'VT323',monospace;font-size:28px;color:var(--neon-cyan);margin-bottom:14px;line-height:1;letter-spacing:1px}
.manifest-card p{color:var(--dim);font-size:13px;line-height:1.6}

/* MECHANIC */
.mechanic{padding:80px 0;background:rgba(0,0,0,0.4);border-top:2px solid var(--neon-pink);border-bottom:2px solid var(--neon-pink)}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}
.path{background:rgba(0,0,0,0.6);border:3px solid;padding:32px;position:relative;transition:all 0.3s}
.path-volume{border-color:var(--neon-cyan);box-shadow:0 0 25px rgba(0,255,255,0.3)}
.path-sol{border-color:var(--neon-yellow);box-shadow:0 0 25px rgba(255,204,0,0.3)}
.path:hover{transform:translateY(-4px)}
.path-tag{font-family:'Press Start 2P',monospace;font-size:9px;padding:4px 10px;display:inline-block;background:var(--neon-pink);color:#000;margin-bottom:16px;letter-spacing:1px}
.path h3{font-family:'VT323',monospace;font-size:36px;color:#fff;margin-bottom:8px;letter-spacing:2px}
.big-num{font-family:'VT323',monospace;font-size:56px;color:var(--neon-green);text-shadow:0 0 20px var(--neon-green);margin-bottom:16px;line-height:1}
.path p{color:var(--dim);font-size:14px;margin-bottom:20px}
.path b{color:#fff}
.growth{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--neon-yellow);padding:10px 12px;border:1px dashed var(--neon-yellow);letter-spacing:1px;line-height:1.4}
.wheel-note{background:rgba(255,0,128,0.1);border:2px dashed var(--neon-pink);padding:24px;text-align:center;display:flex;flex-direction:column;gap:8px;font-family:'Press Start 2P',monospace;font-size:11px;color:var(--neon-cyan);letter-spacing:1px}
.wheel-final{color:var(--neon-yellow);font-size:14px;margin-top:8px;text-shadow:0 0 15px var(--neon-yellow)}

/* COLLECTION GRID */
.collection{padding:80px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:24px}
.grid img{width:100%;aspect-ratio:1;image-rendering:pixelated;image-rendering:-moz-crisp-edges;border:2px solid #000;transition:all 0.2s;cursor:pointer}
.grid img:hover{border-color:var(--neon-yellow);box-shadow:0 0 20px var(--neon-yellow);transform:scale(1.08);z-index:5;position:relative}
.grid-more{text-align:center;color:var(--dim);font-family:'Press Start 2P',monospace;font-size:11px;padding:20px;letter-spacing:2px;background:rgba(255,0,128,0.08);border:1px dashed var(--neon-pink)}

/* STATS */
.stats{padding:60px 0;background:linear-gradient(90deg,rgba(255,0,128,0.15),rgba(0,255,255,0.15),rgba(255,0,128,0.15));border-top:3px solid var(--neon-pink);border-bottom:3px solid var(--neon-pink);display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}
.stat{text-align:center;min-width:180px}
.stat-num{font-family:'VT323',monospace;font-size:64px;color:var(--neon-yellow);line-height:1;text-shadow:0 0 20px var(--neon-yellow)}
.stat-label{font-family:'Press Start 2P',monospace;font-size:9px;color:var(--neon-cyan);letter-spacing:2px;margin-top:8px}

/* WHY */
.why{padding:80px 0}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.why-card{background:rgba(0,0,0,0.5);border:2px solid var(--neon-cyan);padding:24px;text-align:center;transition:all 0.3s;box-shadow:0 0 20px rgba(0,255,255,0.15)}
.why-card:hover{border-color:var(--neon-yellow);box-shadow:0 0 30px rgba(255,204,0,0.4);transform:translateY(-4px)}
.why-icon{font-size:40px;color:var(--neon-pink);text-shadow:0 0 15px var(--neon-pink);margin-bottom:12px}
.why-card h4{font-family:'Press Start 2P',monospace;font-size:12px;color:var(--neon-yellow);margin-bottom:12px;letter-spacing:1px}
.why-card p{color:var(--dim);font-size:13px;line-height:1.6}

/* SCHIZO */
.schizo{padding:80px 0;background:rgba(0,0,0,0.4);border-top:2px dashed var(--neon-pink);border-bottom:2px dashed var(--neon-pink)}
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}
blockquote{background:rgba(255,0,128,0.06);border-left:4px solid var(--neon-pink);padding:20px 24px;font-family:'VT323',monospace;font-size:22px;color:#fff;position:relative;line-height:1.4}
blockquote cite{display:block;margin-top:12px;font-size:12px;color:var(--neon-cyan);font-family:'Press Start 2P',monospace;font-style:normal;letter-spacing:1px}

/* CTA */
.cta{padding:80px 0;text-align:center}
.cta-sub{color:var(--dim);font-size:16px;margin-bottom:30px}

/* FOOTER */
footer{background:#000;border-top:3px solid var(--neon-pink);padding:60px 0 30px;box-shadow:0 -10px 40px rgba(255,0,128,0.3)}
.footer-cols{display:grid;grid-template-columns:1fr 1fr 2fr;gap:40px;margin-bottom:40px}
.foot-mark{font-family:'VT323',monospace;font-size:36px;color:var(--neon-yellow);text-shadow:0 0 15px var(--neon-yellow);margin-bottom:8px}
.foot-title{font-family:'Press Start 2P',monospace;font-size:11px;color:var(--neon-pink);margin-bottom:16px;letter-spacing:2px}
footer a{display:block;color:var(--neon-cyan);text-decoration:none;padding:4px 0;font-family:'JetBrains Mono',monospace}
footer a:hover{color:var(--neon-yellow)}
footer p{color:var(--dim);font-size:13px;line-height:1.6}
.foot-bottom{border-top:1px solid rgba(255,0,128,0.3);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--dim);flex-wrap:wrap;gap:12px}
.foot-bottom .mono{color:var(--neon-pink);font-family:'JetBrains Mono',monospace}

/* MUSIC PLAYER (floating bottom-right) */
.music-player{position:fixed;bottom:20px;right:20px;z-index:990}
.music-btn{background:#000;border:3px solid var(--neon-pink);color:var(--neon-yellow);padding:10px 16px;font-family:'Press Start 2P',monospace;font-size:9px;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 0 20px var(--neon-pink),4px 4px 0 var(--neon-cyan);transition:all 0.2s}
.music-btn:hover{transform:translate(-2px,-2px);box-shadow:0 0 30px var(--neon-pink),6px 6px 0 var(--neon-cyan)}
.music-btn.playing{background:var(--neon-pink);color:#000;animation:music-pulse 1s ease-in-out infinite}
@keyframes music-pulse{0%,100%{box-shadow:0 0 20px var(--neon-pink),4px 4px 0 var(--neon-cyan)}50%{box-shadow:0 0 40px var(--neon-yellow),4px 4px 0 var(--neon-cyan)}}
.music-icon{font-size:14px}
.music-label{white-space:nowrap}
@media (max-width:500px){
  .music-label{display:none}
  .music-btn{padding:12px 14px}
}

/* RESPONSIVE */
@media (max-width:800px){
  .topca-inner{font-size:10px;gap:8px;padding:6px 10px}
  .topca-address{font-size:11px;min-width:200px}
  .topca-btn{padding:4px 8px;font-size:8px}
  .ticker{top:auto;position:static}
}
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .hero-side{display:none}
  .paths{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr}
}
@media (max-width:500px){
  .grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}
  .section-heading{font-size:16px}
  .wordmark{font-size:56px}
}
