:root{
  --bg:#060606;--card:#0c0f10;--fg:#cfd8d8;--accent:#00ff88;--accent2:#00d977;--muted:#8aa1a1;--ring:#101417;
  --shadow:0 10px 30px rgba(0,255,136,.15), 0 0 40px rgba(0,255,136,.05) inset;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--accent);text-decoration:none}a:hover{opacity:.9}
.mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono','Courier New', monospace}
.btn{display:inline-block;padding:.9rem 1.2rem;border:1px solid var(--accent);border-radius:.8rem;box-shadow:var(--shadow);transition:.2s;cursor:pointer}
.btn.primary{background:linear-gradient(90deg, var(--accent), var(--accent2));color:#00150c;border:none}
.btn.ghost{background:transparent}.btn:hover{transform:translateY(-2px)}
.site-header{position:sticky;top:0;background:rgba(6,6,6,.7);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid #0e1316;display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;z-index:10}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--fg)}.brand img{height:30px}
.site-header nav a{margin:0 .5rem;color:var(--fg)}.site-header nav a:hover{color:var(--accent)}
.hero{padding:5rem 1rem 2rem;max-width:1100px;margin:auto;text-align:center}
.hero h1{font-size:3rem;margin:.5rem 0;color:var(--accent);text-shadow:0 0 12px rgba(0,255,136,.6),0 0 40px rgba(0,255,136,.25)}
.hero .tagline{color:var(--muted);margin-bottom:1.4rem}
.cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.info-card{background:var(--card);border:1px solid #0f1518;border-radius:1rem;padding:1rem;box-shadow:var(--shadow);position:relative}
.copy-btn{position:absolute;right:12px;bottom:12px;background:#071a12;border:1px solid var(--accent);color:var(--fg);padding:.35rem .6rem;border-radius:.6rem;cursor:pointer}
.label{color:var(--muted);font-size:.85rem}.value{font-size:1.05rem;margin-top:.25rem}
.tokenomics{padding:3rem 1rem;max-width:1100px;margin:auto;text-align:center}
.tokenomics h2{font-size:2rem;margin-bottom:1.2rem;color:var(--accent)}
.chart-wrap{display:flex;gap:1.8rem;align-items:center;justify-content:center;flex-wrap:wrap}
.donut{filter:drop-shadow(0 0 24px rgba(0,255,136,.35))}
.donut .ring{fill:none;stroke:#0f171a;stroke-width:26}
.slice{fill:none;stroke-linecap:round;stroke-width:26;transform:rotate(-90deg);transform-origin:110px 110px;stroke-dasharray:0 565;stroke-dashoffset:565;animation:reveal 1.8s ease forwards}
@keyframes reveal{to{stroke-dashoffset:var(--offset)}}
.legend{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}
.legend li{background:var(--card);border:1px solid #0f1518;border-radius:.8rem;padding:.6rem .8rem;text-align:left}
.legend .swatch{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:.45rem;background:var(--c)}
.whitepaper,.links{padding:3rem 1rem;max-width:1100px;margin:auto;text-align:center}
.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.link-card{background:var(--card);border:1px solid #0f1518;border-radius:1rem;padding:1rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.25rem}
.link-card:hover{transform:translateY(-2px)}
.site-footer{padding:2rem 1rem;color:#6b7a7a;text-align:center;border-top:1px solid #0e1316}