:root{--bg:#0b1020;--panel:#111a30;--panel2:#17213a;--text:#f4f7fb;--muted:#aeb9cc;--line:rgba(255,255,255,.14);--accent:#7dd3fc;--good:#9ae6b4;--warn:#fde68a;--bad:#fca5a5}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#081020,#101827);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.5}.topbar{position:sticky;top:0;z-index:5;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:.9rem 1rem;background:rgba(8,16,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{font-weight:900;color:var(--text);text-decoration:none;font-size:1.15rem}.topbar nav{display:flex;gap:.45rem .8rem;flex-wrap:wrap}.topbar a{color:var(--text);text-decoration:none}.topbar nav a{color:var(--muted)}.topbar nav a:hover{color:var(--accent)}main{max-width:1280px;margin:0 auto;padding:1rem}.hero,.card{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:20px;padding:1rem;margin:1rem 0;box-shadow:0 12px 40px rgba(0,0,0,.24)}.hero h1{font-size:clamp(2rem,5vw,4.5rem);line-height:1;margin:.25rem 0}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.muted,p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.big{font-size:2.4rem;font-weight:900;margin:.2rem 0;color:var(--accent)}.button{display:inline-block;padding:.7rem 1rem;border-radius:999px;background:var(--accent);color:#00111c!important;font-weight:800;text-decoration:none;margin:.25rem}.button.secondary{background:transparent;border:1px solid var(--line);color:var(--text)!important}.table-wrap{overflow-x:auto;width:100%;border-radius:14px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:.55rem .65rem;border-bottom:1px solid var(--line);vertical-align:top}th{text-align:left;color:var(--accent);background:rgba(255,255,255,.045)}td{color:var(--text)}td:nth-child(n+3){color:#dce7f7}.note{color:var(--warn)}pre{white-space:pre-wrap;overflow:auto;background:rgba(0,0,0,.22);padding:1rem;border-radius:12px}footer{max-width:1280px;margin:1rem auto;padding:1rem;color:var(--muted)}@media(max-width:700px){main{padding:.6rem}.hero,.card{padding:.85rem;border-radius:16px}.topbar{align-items:flex-start}.topbar nav{font-size:.92rem}th,td{padding:.45rem}}