:root{ color-scheme:dark; --bg:#0a0f1f; --card:rgba(255,255,255,.06); --line:rgba(255,255,255,.12); --txt:#eaf2ff; --acc:#27b0ff; --good:#22c55e; --bad:#ef4444 }
*{ box-sizing:border-box }
html,body{ margin:0; padding:0; background:radial-gradient(1000px 600px at 10% -10%, #122040 0%, transparent 60%), var(--bg); color:var(--txt); font-family: ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial }
a{ color:#9ad1ff; text-decoration:none }
.container{ max-width:1100px; margin:0 auto; padding:24px }
.nav{ position:sticky; top:0; z-index:10; backdrop-filter: blur(10px); background: rgba(6,12,24,.6); border-bottom:1px solid var(--line) }
.nav .inner{ display:flex; gap:16px; align-items:center; padding:12px 20px }
.brand{ display:flex; gap:10px; align-items:center; font-weight:900; letter-spacing:.3px }
.badge{ background:linear-gradient(135deg,#0ea5e9,#2563eb); padding:6px 10px; border-radius:10px; font-size:12px; font-weight:800; color:white }
.spacer{ flex:1 }
.btn{ background:linear-gradient(135deg,#0ea5e9,#2563eb); color:white; padding:10px 14px; border:0; border-radius:12px; cursor:pointer; font-weight:700; box-shadow:0 10px 24px rgba(37,99,235,.25) }
.row{ display:flex; gap:14px; flex-wrap:wrap }
.card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:16px }
h1{ font-size:28px; margin:18px 0 }
table{ width:100%; border-collapse: collapse }
th,td{ border-top:1px solid var(--line); padding:10px 8px; text-align:left }
small{ opacity:.8 }
.hero{ display:grid; grid-template-columns: 1.2fr .8fr; gap:22px; align-items:center }
@media (max-width:900px){ .hero{ grid-template-columns:1fr } }
.pill{ border:1px solid var(--line); border-radius:999px; padding:6px 10px; display:inline-flex; gap:6px; align-items:center }
input,select{ background:#0f1b36; color:var(--txt); border:1px solid var(--line); border-radius:10px; padding:10px 12px; width:100% }
label{ font-size:13px; opacity:.9 }
.grid{ display:grid; gap:12px }
.grid-2{ grid-template-columns: 1fr 1fr }
.grid-3{ grid-template-columns: repeat(3, 1fr) }
footer{ margin-top:40px; opacity:.7; font-size:13px; border-top:1px solid var(--line); padding-top:14px }
.notice{ padding:10px 12px; border:1px dashed var(--line); border-radius:12px; background: rgba(255,255,255,.04) }