:root{--bg:#0a0b0d;--panel:#121419;--line:#23262e;--text:#e9eaee;--mute:#9aa0ad;--volt:#ffd21f;--volt2:#ff9f1c;--ok:#5be49b}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--volt)}code,pre,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
nav.top{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.3px;font-size:19px;color:var(--text);text-decoration:none}
.brand small{font-weight:500;color:var(--mute);font-size:13px}
nav.top .links a{color:var(--mute);text-decoration:none;margin-left:20px;font-size:14px}nav.top .links a:hover{color:var(--text)}
nav.top .links a.btn{color:#111}
.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:#14161b;border-radius:99px;padding:6px 12px;font-size:13px;color:var(--mute)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--volt);box-shadow:0 0 12px var(--volt)}
.btn{display:inline-block;border-radius:10px;padding:13px 20px;font-weight:700;text-decoration:none;border:1px solid var(--line);color:var(--text);background:#16181e;cursor:pointer;font-size:15px}
.btn.sm{padding:8px 14px}.btn.primary{background:var(--volt);color:#111;border-color:var(--volt)}.btn.primary:hover{filter:brightness(1.07)}
table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:15px;margin:12px 0}
th,td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--mute);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.8px;background:#101216}
pre{background:#0d0f13;border:1px solid var(--line);border-radius:12px;padding:16px;overflow:auto;font-size:13.5px;line-height:1.6;color:#d6d9e0}
:not(pre)>code{background:#171a20;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.9em}
blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--volt);background:#15161a;border-radius:0 10px 10px 0;color:#d5d8de}
blockquote p{margin:0}
.docgrid{display:grid;grid-template-columns:230px 1fr;gap:40px;padding:20px 22px 60px}
.side{position:sticky;top:16px;align-self:start;font-size:14px}
.side h5{margin:18px 0 6px;color:var(--mute);text-transform:uppercase;letter-spacing:1px;font-size:11.5px}
.side a{display:block;color:#c3c7d0;text-decoration:none;padding:5px 10px;border-radius:8px}
.side a:hover{background:#15171c}.side a.on{background:#1b1e25;color:var(--volt);font-weight:600}
.prose{min-width:0;max-width:820px}.prose h1{font-size:38px;line-height:1.15;letter-spacing:-.6px;margin:8px 0 16px}
.prose h2{font-size:25px;margin:36px 0 10px;letter-spacing:-.3px}.prose h3{font-size:19px;margin:26px 0 8px}
.prose p,.prose li{color:#d0d3da}.mdlink{margin-top:40px;font-size:13.5px;color:var(--mute)}
footer{padding:34px 0 50px;color:var(--mute);font-size:13.5px;border-top:1px solid #15171c}
footer a{color:var(--mute)}.foot{display:flex;flex-direction:column;gap:12px}.footlinks a{margin-right:14px;display:inline-block}
@media(max-width:860px){.docgrid{grid-template-columns:1fr}.side{position:static}nav.top .links a:not(.btn){display:none}}
form.buy{margin-top:18px}
form.buy .btn{width:100%;text-align:center}
#buymsg .note{margin:18px 0 0;padding:12px 14px;border:1px solid #3a3f4a;border-radius:10px;background:#14161b;color:#e7e9ee}
.guarantee{margin-top:18px}
.welcome-box{max-width:640px;margin:56px auto;padding:28px;border:1px solid #2a2e37;border-radius:14px;background:#111318}
.welcome-box h1{margin-top:0}
.welcome-box .big{font-size:56px;font-weight:800;color:#ffd21f;line-height:1}
button.btn{font-family:inherit}
