:root { --primary:#4f46e5; --bg:#0b1020; --card:#121931; --text:#e6e8ef; --muted:#9aa3b2; --success:#10b981; --danger:#ef4444; }
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif}
.container{max-width:1100px;margin:0 auto;padding:16px}
.site-header{position:sticky;top:0;background:#0d1330;border-bottom:1px solid #1d2547;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center}
.brand .logo{font-size:28px;text-decoration:none}
.brand .name{font-weight:700}
.menu{display:flex;gap:14px;align-items:center}
.menu a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px}
.menu a:hover{background:#11183a}
.dropdown{position:relative}
.dropdown button{background:transparent;border:0;color:var(--text);padding:8px 10px;border-radius:8px}
.dropdown-menu{position:absolute;right:0;top:100%;background:#0f1534;border:1px solid #1d2547;border-radius:10px;display:none;flex-direction:column;min-width:180px}
.dropdown:hover .dropdown-menu{display:flex}
.dropdown-menu a{padding:10px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:#1b2145;color:var(--text);text-decoration:none;border:1px solid #283062}
.btn.primary{background:var(--primary);border-color:var(--primary);color:white}
.hero{padding:40px 0;text-align:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:var(--card);border:1px solid #1d2547;border-radius:12px;padding:16px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #1d2547;padding:10px;text-align:left}
.site-footer{margin-top:40px;border-top:1px solid #1d2547;background:#0d1330}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.countdown{margin-top:8px;font-weight:600}
details{background:#0f1736;border:1px solid #1d2547;border-radius:8px;padding:10px;margin:8px 0}
@media (max-width:800px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.menu{gap:8px;flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr}}