:root{--bg:#0b1020;--bg2:#0e1430;--card:#131b38;--text:#e7ecff;--muted:#9aa6cf;--border:#25315f;
 --accent:#6ea8fe;--accent2:#8b5cf6;--ok:#34d399;--warn:#fbbf24;--danger:#f87171;}
*{box-sizing:border-box;}html,body{margin:0;}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);line-height:1.55;
 background:radial-gradient(1100px 700px at 85% -10%,color-mix(in srgb,var(--accent2) 20%,transparent),transparent 60%),
 radial-gradient(900px 600px at 0% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 55%),var(--bg);}
a{color:var(--accent);text-decoration:none;}a:hover{text-decoration:underline;}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px;}
h1,h2,h3{letter-spacing:.2px;line-height:1.2;}
.btn{display:inline-block;padding:12px 20px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;border:0;}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 12px 30px rgba(0,0,0,.35);}
.btn-primary:hover{filter:brightness(1.08);text-decoration:none;}
.btn-ghost{color:var(--text);border:1px solid var(--border);background:transparent;}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);text-decoration:none;}
/* nav */
nav{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;max-width:1080px;margin:0 auto;}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--text);}
.brand:hover{text-decoration:none;}
.logo{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;
 background:linear-gradient(135deg,var(--accent),var(--accent2));}
.nav-links{display:flex;align-items:center;gap:18px;}
.nav-links a{color:var(--muted);font-size:14px;font-weight:600;}
.nav-links a:hover{color:var(--text);}
/* breadcrumb + header */
.crumb{font-size:13px;color:var(--muted);margin:18px 0 8px;}
.page-head{padding:14px 0 8px;}
.page-head h1{font-size:clamp(26px,4vw,40px);margin:0 0 12px;}
.page-head p.intro{color:var(--muted);max-width:760px;font-size:16px;}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0;}
.stat{background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--border);border-radius:14px;padding:18px;text-align:center;}
.stat b{display:block;font-size:24px;font-weight:800;}
.stat span{color:var(--muted);font-size:12.5px;}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 24px;}
.chip{background:var(--card);border:1px solid var(--border);border-radius:999px;padding:6px 13px;font-size:12.5px;color:var(--muted);}
/* table */
.panel{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin:18px 0;}
table{width:100%;border-collapse:collapse;}
thead th{text-align:left;font-size:12.5px;color:var(--muted);font-weight:600;padding:13px 14px;
 background:var(--bg2);border-bottom:1px solid var(--border);}
tbody td{padding:12px 14px;border-bottom:1px solid var(--border);font-size:13.5px;}
tbody tr:last-child td{border-bottom:0;}
.code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;background:var(--bg2);
 padding:2px 7px;border-radius:6px;border:1px solid var(--border);}
.pill{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;
 background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);}
.lock{color:var(--muted);font-size:12.5px;}
/* CTA band */
.cta-band{background:linear-gradient(160deg,var(--card),var(--bg2));border:1px solid var(--border);border-radius:18px;
 padding:30px;text-align:center;margin:28px 0;}
.cta-band h2{margin:0 0 8px;font-size:24px;}
.cta-band p{color:var(--muted);margin:0 0 18px;}
/* internal links grid */
.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:14px 0;}
.links-grid a{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:11px 13px;
 font-size:13.5px;color:var(--text);}
.links-grid a:hover{border-color:var(--accent);text-decoration:none;}
.links-grid a b{color:var(--muted);font-weight:600;font-size:12px;float:right;}
section.block{padding:26px 0;}
section.block h2{font-size:22px;margin:0 0 14px;}
footer{border-top:1px solid var(--border);margin-top:36px;padding:26px 0;color:var(--muted);font-size:13px;}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;}
@media(max-width:820px){.stats{grid-template-columns:1fr 1fr;}.nav-links a:not(.btn){display:none;}
 .hide-sm{display:none;}}