:root{--bg:#070b14;--panel:#0d1422;--text:#e8eef8;--muted:#91a0b8;--line:#1d2a40;--accent:#f2c94c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 Inter,system-ui,sans-serif}a{color:#8ec5ff;text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:285px;background:#080e19;border-right:1px solid var(--line);padding:24px 18px;overflow:auto}.brand{font-size:22px;font-weight:800}.version{color:var(--muted);font-size:12px}.search{width:100%;margin:22px 0 16px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:#fff}.nav h4{font-size:11px;color:#66758e;text-transform:uppercase;letter-spacing:.12em;margin:20px 8px 7px}.nav a{display:block;padding:8px 10px;border-radius:8px;color:#b9c5d8}.nav a:hover,.nav a.active{background:#121d30;color:#fff}.main{margin-left:285px;max-width:1050px;padding:54px 62px 100px}.hero{padding:38px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#101a2b,#0b111d)}h1{font-size:38px;line-height:1.15;margin:0 0 12px}h2{font-size:26px;margin:48px 0 12px}h3{font-size:19px;margin:30px 0 8px}p,li{color:#c3ccda}.note{border-left:3px solid var(--accent);background:#121925;padding:14px 16px;border-radius:8px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.card strong{display:block;color:#fff;margin-bottom:5px}code{background:#121c2c;border:1px solid #1e2b41;padding:2px 6px;border-radius:5px;color:#f5d77c}pre{background:#050912;border:1px solid var(--line);padding:17px;border-radius:10px;overflow:auto;color:#dce7f7}.footer{margin-top:70px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}.badge{display:inline-block;padding:4px 9px;border-radius:99px;background:#16243a;color:#9fcaff;font-size:12px}@media(max-width:850px){.side{position:static;width:100%;border-right:0;border-bottom:1px solid var(--line)}.layout{display:block}.main{margin:0;padding:28px 20px}h1{font-size:30px}}