:root{
  --bg:#0c0616; --fg:#f6e9ff; --muted:#cdb6ff;
  --card:#1a1030; --alt:#140b26;
  --pink:#ff3bb0; --mint:#25f3ce; --vio:#a786ff; --warn:#ffdb46;
}
*{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,Arial,sans-serif}
h1,h2{letter-spacing:.2px} a{color:var(--mint)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;padding:28px 20px;border-bottom:1px solid #2b1c52}
.logo{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 6px 24px rgba(255,59,176,.35))}
.tag{color:var(--muted)}
.stats{margin:8px 0 14px;color:#e6d8ff}
.btn{display:inline-block;padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:800;border:2px solid transparent}
.btn--buy{background:linear-gradient(90deg,var(--mint),#00e676);color:#081522}
.btn--ghost{border-color:#3a286a;color:var(--fg)}
.cta-row{display:flex;gap:10px;flex-wrap:wrap}

.hero__art{position:relative;height:220px}
.blob{position:absolute;border-radius:50%;filter:blur(2px) saturate(130%) drop-shadow(0 12px 40px rgba(0,0,0,.4))}
.blob--sol{left:10%;top:16%;width:160px;height:160px;background:conic-gradient(from 60deg at 50% 50%, #22ffd0, #a783ff, #22ffd0)}
.blob--donut{right:8%;top:0;width:200px;height:200px;background:radial-gradient(circle at 50% 50%, transparent 38%, #ff6cc2 40%, #ff189a 60%, #7a0ba3 78%, transparent 80%)}
.censored{position:relative;overflow:hidden}
.censor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);background:#000;padding:6px 10px;border-radius:6px;color:#fff;font-weight:900;letter-spacing:1px;box-shadow:0 0 0 3px #ff49b5}
.sticker{position:absolute;animation:float 6s ease-in-out infinite}
.sticker:nth-child(1){left:6%;bottom:12%}
.sticker:nth-child(2){left:32%;top:4%}
.sticker:nth-child(3){right:10%;bottom:10%}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.nav{position:sticky;top:0;z-index:50;display:flex;gap:16px;padding:10px 14px;background:#210c40;border-bottom:1px solid #2b1c52}
.nav a{color:#e8d9ff;text-decoration:none;font-weight:700}
.nav a:hover{text-decoration:underline}

.section{max-width:1100px;margin:0 auto;padding:28px 16px}
.section--alt{background:var(--alt);border-top:1px solid #2b1c52;border-bottom:1px solid #2b1c52}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}
.card{background:var(--card);border:1px solid #2b1c52;border-radius:14px;overflow:hidden}
.card img,.panel{display:block;width:100%;height:200px;object-fit:cover}
.pixelate{image-rendering:pixelated;filter:contrast(110%) saturate(120%)}
.panel{background:linear-gradient(45deg,#291049,#4f1a8e)}
.card figcaption{padding:10px 12px;color:#e7d3ff}

.steps{line-height:1.7}
.tok{width:100%;border-collapse:collapse;margin-top:8px}
.tok th,.tok td{padding:10px;border-bottom:1px dashed #3a2a66}
.tok thead th{background:#2b1a56;color:#f3e7ff}

.timeline{list-style:'🚀 ';padding-left:24px}
.ann{background:var(--card);border:1px solid #2b1c52;border-radius:12px;padding:12px;margin:10px 0}

.foot{display:flex;justify-content:space-between;gap:12px;padding:16px;border-top:1px solid #2b1c52;color:#cbb4ff}
@media (max-width:900px){.hero{grid-template-columns:1fr}.hero__art{height:180px}}