:root{--bg:#0b1026;--bg2:#1b1f4a;--ink:#e8ecff;--mute:#9aa3d0;--card:#141a3d;--line:#2a3270;--live:#ffd166;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden;
background:
radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,transparent 51%),
radial-gradient(1px 1px at 78% 12%,#fff 50%,transparent 51%),
radial-gradient(1.5px 1.5px at 40% 40%,#cfd8ff 50%,transparent 51%),
radial-gradient(1px 1px at 88% 55%,#fff 50%,transparent 51%),
radial-gradient(1px 1px at 22% 72%,#cfd8ff 50%,transparent 51%),
radial-gradient(1.5px 1.5px at 62% 85%,#fff 50%,transparent 51%),
linear-gradient(180deg,var(--bg2),var(--bg) 60%) fixed}
main{max-width:760px;margin:0 auto;padding:24px 16px 40px}
.hero{text-align:center;padding:24px 0 8px}
.eyebrow{margin:0;color:var(--mute);font-size:.85rem;letter-spacing:.04em}
h1{margin:.3em 0 .1em;font-size:clamp(1.6rem,6vw,2.4rem);line-height:1.15}
.sub{margin:0;color:var(--mute)}
.count{margin:.6em 0 0;font-size:clamp(1.4rem,6vw,2rem);font-variant-numeric:tabular-nums;color:var(--live)}
.hero.live h1{color:var(--live);text-shadow:0 0 18px rgba(255,209,102,.45)}
h2{font-size:1.1rem;margin:2em 0 .6em}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.card.live{border-color:var(--live);box-shadow:0 0 0 1px var(--live),0 0 18px rgba(255,209,102,.25)}
.card b{display:block}
.card span{color:var(--mute);font-size:.9rem}
.badge{display:inline-block;margin-left:.4em;padding:0 .5em;border-radius:99px;background:var(--live);color:#1a1300;font-size:.7rem;font-weight:700;vertical-align:middle}
.note{color:var(--mute);font-size:.85rem}
.facts{padding-left:1.1em;margin:0}
.facts li{margin:.6em 0}
.dots{display:flex;gap:8px;margin-top:.5em}
.dots i{width:22px;height:22px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.c1{--c:#e5484d}.c2{--c:#f08a24}.c3{--c:#f5d90a}.c4{--c:#30a46c}.c5{--c:#3e8bff}.c6{--c:#5b4fcf}.c7{--c:#a855f7}
footer{margin-top:2.5em;text-align:center}
a{color:#9db4ff}