:root{--bg:#0e1a33;--bg2:#16264a;--card:#1b2e57;--ink:#f6f1e7;--muted:#b8c2da;--accent:#f28a30;--accent2:#ffb35c}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.6;color:var(--ink);background:radial-gradient(1200px 500px at 50% -120px,#27427d 0,var(--bg) 70%) no-repeat,var(--bg)}
a{color:var(--accent2)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header.site{padding:18px 0}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:900;font-size:22px}
.brand img{width:36px;height:36px;border-radius:9px}
nav a{color:var(--muted);text-decoration:none;font-weight:700;margin-left:18px}
nav a:hover,nav a[aria-current]{color:var(--ink)}
.hero{text-align:center;padding:36px 0 28px}
.hero img.icon{width:128px;height:128px;border-radius:29px;box-shadow:0 14px 40px rgba(0,0,0,.45)}
h1{font-size:clamp(34px,7vw,52px);line-height:1.1;margin:22px 0 10px;font-weight:900}
h1 em{font-style:normal;color:var(--accent)}
.lead{font-size:clamp(18px,3.5vw,22px);color:var(--muted);max-width:560px;margin:0 auto 24px}
.badge{display:inline-block;background:var(--accent);color:#1a1209;font-weight:900;padding:13px 26px;border-radius:999px;text-decoration:none}
.badge.soon{background:var(--card);color:var(--ink);border:2px dashed var(--accent)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:28px 0}
.card{background:var(--card);border-radius:20px;padding:20px}
.card h3{margin:0 0 6px;font-size:19px}
.card p{margin:0;color:var(--muted);font-size:16px}
h2{font-size:28px;margin:38px 0 8px}
main p,main li{color:#e3e8f5}
main ul{padding-left:22px}
.rules{background:var(--card);border-radius:20px;padding:6px 22px 14px;margin:20px 0}
.updated{color:var(--muted);font-size:15px}
details{background:var(--card);border-radius:16px;padding:14px 18px;margin:10px 0}
summary{cursor:pointer;font-weight:800}
details p{margin:10px 0 0;color:#e3e8f5}
footer{margin-top:56px;padding:26px 0 40px;border-top:1px solid rgba(255,255,255,.12);color:var(--muted);font-size:15px;text-align:center}
footer a{color:var(--muted);margin:0 8px}