:root{--bg:#0b1220;--card:#0f1a33;--text:#e8eefc;--muted:#b9c3dd;--line:#223055;--accent:#5eead4;--accent2:#60a5fa}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.55;background:linear-gradient(180deg,var(--bg),#070b14);color:var(--text)}
a{color:var(--accent2);text-decoration:none}
a:hover{text-decoration:underline}
.m-0{margin:0!important}.p-0{padding:0!important}.mt-5{margin-top:3rem!important}.mb-5{margin-bottom:3rem!important}
.text-center{text-align:center!important}.text-uppercase{text-transform:uppercase!important}
.d-none{display:none!important}
.d-sm-none{display:block!important}
.d-sm-block{display:block!important}
@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}}
.row{display:flex;flex-wrap:wrap}
.col-md-12{flex:0 0 100%;max-width:100%}
.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}
.offset-md-1{margin-left:8.333333%}
@media (max-width:920px){.col-md-10{flex:0 0 100%;max-width:100%}.offset-md-1{margin-left:0}}
.img-fluid{max-width:100%;height:auto;display:block}
.btn{display:inline-block;padding:10px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.10)}
.btn-lg{padding:12px 22px}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;gap:14px;align-items:center;justify-content:space-between;min-height:54px}
.brand{display:flex;gap:10px;align-items:center}
.brand .logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent2),var(--accent));display:inline-block}
.brand b{letter-spacing:.2px}
.nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px}
.nav a{padding:6px 10px;border-radius:10px;color:var(--text)}
.nav a:hover{background:rgba(96,165,250,.12);text-decoration:none}
.hero{padding:26px 0 10px}
.kicker{color:var(--muted);font-size:14px}
.card{background:rgba(15,26,51,.72);border:1px solid var(--line);border-radius:16px;padding:16px}
.card .card{background:rgba(7,12,22,.35)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.col-8{grid-column:span 8}
.col-4{grid-column:span 4}
@media (max-width: 920px){.col-8,.col-4{grid-column:span 12}}
.toc a{display:block;padding:6px 8px;border-radius:10px;color:var(--muted)}
.toc a:hover{background:rgba(94,234,212,.10);color:var(--text);text-decoration:none}
.note{color:var(--muted);font-size:14px}
.footer{margin-top:26px;border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:13px}