:root{--bg:#0a0a0a;--ink:#ffffff;--muted:#cccccc;--brand:#ffffff;--brand-2:#aaaaaa;--panel:#1a1a1a;--panel-2:#111111;--border:#333333;--radius:12px;--shadow:0 4px 12px rgba(0,0,0,.6);--maxw:960px}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial}img{max-width:100%;display:block}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline}a:focus{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}.container{max-width:var(--maxw);margin-inline:auto;padding:0 20px}.hero{padding:48px 20px;text-align:left;border-bottom:1px solid var(--border)}.hero h1{font-size:clamp(28px,4vw,40px);margin:0 0 12px;color:var(--ink)}.hero .lead{max-width:70ch;color:var(--muted)}.btnrow{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}.btn2{padding:10px 18px;border-radius:6px;border:1px solid var(--border);font-weight:500;cursor:pointer}.btn2.primary{background:var(--ink);color:#000}.btn2.secondary{background:transparent;color:var(--ink)}.toc{margin:32px 0;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.toc strong{display:block;margin-bottom:8px;color:var(--ink)}.toc ul{margin:0;padding:0;list-style:none;columns:2;column-gap:24px}.toc li{padding:4px 0}section{margin:20px 0;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}section h2{margin:0 0 12px;font-size:20px;color:var(--ink)}section p,section li{color:var(--muted)}ul,ol{padding-left:20px}.note{background:#111111;border-left:4px solid var(--ink);padding:12px;border-radius:8px;color:var(--ink)}.foot{margin:40px 0 60px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--muted)}:root{--ink:#fff;--muted:#d7d7df;--bg:#0a0911;--brand:#6c2bd9;--brand-2:#a21caf;--light:#f7f8fb;--border:#e9ebf2;--card:#ffffff;--nav-h:70px;--radius:16px;--shadow:0 10px 30px rgba(0,0,0,.35);--maxw:1120px;--ink-light:#0f1121;--panel-light:#ffffff}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 Inter,system-ui}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:50;background:rgba(10,9,17,.8);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand svg{width:34px;height:34px}.nav-links{display:flex;gap:22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border-radius:999px;font-weight:700;border:1px solid rgba(255,255,255,.12);transition:.2s}.btn:hover{border-color:rgba(255,255,255,.28);transform:translateY(-1px)}.btn-primary{background:linear-gradient(90deg,var(--brand-2),var(--brand));border:none;color:#fff;box-shadow:var(--shadow)}.btn-ghost{background:transparent;color:#e7e7f5}#menu-toggle{display:none}.hamb{display:none;gap:10px;align-items:center;padding:.5rem .7rem;border-radius:10px;border:1px solid rgba(255,255,255,.12)}.hamb svg{width:26px;height:26px}.mobile{display:none}#menu-toggle:checked ~ .nav-panel{max-height:320px;border-top:1px solid rgba(255,255,255,.08)}.nav-panel{max-height:0;overflow:hidden;transition:max-height .25s ease;background:rgba(10,9,17,.95)}.nav-panel .stack{display:flex;flex-direction:column;gap:10px;padding:12px 20px 20px}.nav-panel .btn-primary{width:100%}@media (max-width:900px){.nav-links{display:none}.hamb{display:inline-flex}.mobile{display:block}}