:root { --bg:#0b1220; --card:#111a2e; --text:#e8eefc; --muted:#a9b7d6; --accent:#5aa7ff; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; background:var(--bg); color:var(--text); }
header { padding:18px 20px; border-bottom: 1px solid rgba(255,255,255,.08); position: sticky; top:0; background: rgba(11,18,32,.92); backdrop-filter: blur(8px);}
nav a { color:var(--muted); text-decoration:none; margin-right:14px; font-weight:600; }
nav a.active, nav a:hover { color:var(--text); }
.container { max-width: 980px; margin: 0 auto; padding: 20px; }
.card { background:var(--card); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:16px; margin: 14px 0; }
h1 { margin: 0 0 10px; font-size: 28px; }
h2 { margin: 0 0 10px; font-size: 20px; }
.small { color:var(--muted); font-size: 13px; }
.badge { display:inline-block; padding: 6px 10px; border-radius:999px; background: rgba(90,167,255,.14); border:1px solid rgba(90,167,255,.35); color: var(--text); font-weight:700; font-size: 12px; }
.tabs { display:flex; gap:8px; flex-wrap:wrap; }
.tab { cursor:pointer; padding:8px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.12); color:var(--muted); background: transparent; font-weight:700; }
.tab.active { background: rgba(90,167,255,.18); border-color: rgba(90,167,255,.45); color: var(--text); }
table { width:100%; border-collapse: collapse; margin-top:10px; }
th, td { padding:10px 8px; border-bottom: 1px solid rgba(255,255,255,.08); text-align:left; }
th { color: var(--muted); font-size: 12px; letter-spacing:.02em; text-transform: uppercase; }
.notice { padding:12px 14px; border-radius:12px; background: rgba(255,255,255,.06); border:1px dashed rgba(255,255,255,.18); color: var(--muted); }