*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#0f1420;color:#dbe3f0}
a{color:#7dd3fc;text-decoration:none}
a:hover{text-decoration:underline}
.top{border-bottom:1px solid #24304a;padding:14px 24px;display:flex;align-items:center;gap:24px}
.brand{font-weight:600;color:#dbe3f0}
.nav{display:flex;gap:18px;font-size:14px}
.nav a{color:#8b98b4}
.nav a:hover{color:#dbe3f0}
.wrap{max-width:760px;margin:0 auto;padding:40px 24px}
.card{max-width:640px;margin:64px auto;padding:48px;background:#161d2e;border:1px solid #24304a;border-radius:12px}
h1{font-size:22px;margin:0 0 8px}
h2{font-size:16px;margin:28px 0 8px;color:#c3cde4}
.ok{color:#4ade80}
.warn{color:#fbbf24}
p,li{color:#8b98b4;line-height:1.55;font-size:14px}
code{background:#0f1420;border:1px solid #24304a;border-radius:4px;padding:1px 5px;font-size:12.5px;color:#a5f3c0}
pre{background:#0f1420;border:1px solid #24304a;border-radius:8px;padding:14px;overflow:auto;font-size:12.5px;line-height:1.5;color:#a5b4d4}
table{width:100%;font-size:13px;margin-top:14px;border-collapse:collapse}
td,th{padding:8px 0;border-bottom:1px solid #24304a;text-align:left;color:#8b98b4}
th{color:#5a6785;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
td:last-child,th:last-child{text-align:right;color:#4ade80}
.foot{margin-top:32px;font-size:12px;color:#5a6785;border-top:1px solid #24304a;padding-top:16px}
.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:10px;background:#16301f;color:#4ade80;border:1px solid #2a5138}