:root{
  --sq-purple:#9a4dff;
  --sq-blue:#3ec8ff;
  --sq-pink:#ff5ecb;
  --bg:#0a0d1a;
  --bg-soft:#0f1326;
  --text:#eef2ff;
  --muted:#97a0c3;
  --card:#0f1427cc;
  --border:#243053;
  --accent-grad:linear-gradient(135deg,var(--sq-purple),var(--sq-blue));
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.topbar{position:sticky;top:0;z-index:20;background:rgba(10,13,26,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.nav-wrap{max-width:980px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px}
.logo{width:32px;height:32px;border-radius:8px}
.brand-text{font-weight:700;letter-spacing:.3px}
.cta{border:0;border-radius:12px;padding:10px 16px;background:var(--accent-grad);color:#0b0d14;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .2s ease}
.cta:hover{transform:translateY(-1px);filter:saturate(1.1)}
.hero{max-width:980px;margin:16px auto 8px;padding:0 16px;text-align:center}
.hero-img{width:100%;border-radius:18px;border:1px solid var(--border);box-shadow:0 6px 40px rgba(92,70,255,.25)}
.hero-sub{color:var(--muted);margin:10px 0 0}
.card{max-width:980px;margin:12px auto;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:18px}
.muted{color:var(--muted)}
.small{font-size:.9rem}
.row{display:flex;justify-content:space-between;align-items:center;margin:8px 0}
.progress-section{margin:16px 0 22px}
.progress-bar{width:100%;height:14px;background:#0b1228;border:1px solid var(--border);border-radius:999px;overflow:hidden}
.progress-fill{height:100%;width:0%;background:var(--accent-grad);transition:width .4s ease}
.list{padding-left:18px}
.buy-box{display:flex;gap:10px;align-items:center;margin-top:8px}
.buy-box input{width:90px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0c1226;color:var(--text)}
.footer{max-width:980px;margin:22px auto 32px;padding:0 16px;color:var(--muted);text-align:center}
.footer a{color:var(--text);text-decoration:none;border-bottom:1px dotted var(--border)}
.footer a:hover{color:#fff}