@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(fonts/poppins-regular.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(fonts/poppins-bold.woff2) format("woff2")}
:root{--night:#1b1530;--ink:#120e22;--gold:#ffd75e;--paper:#faf9fc;--text:#1c1a2b;--muted:#5b5870;--link:#6a3fc0}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);font:400 16px/1.65 Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.top{background:var(--night);display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:4px solid var(--gold)}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.brand img{border-radius:7px}
.langs{margin-left:auto;display:flex;gap:8px}
.langs a{color:#fff;text-decoration:none;font-weight:700;font-size:.85rem;padding:5px 12px;border-radius:8px;border:2px solid rgba(255,255,255,.3)}
.langs a.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}
main{max-width:780px;margin:0 auto;padding:36px 20px 70px}
h1{font-size:1.9rem;margin:.2em 0 .2em}
h2{font-size:1.15rem;margin:2em 0 .4em}
h3{font-size:1rem;margin:1.4em 0 .3em}
a{color:var(--link)}
.muted{color:var(--muted);font-size:.92rem}
code{background:#ecebf3;padding:1px 5px;border-radius:4px;font-size:.88em}
section+section{margin-top:60px;padding-top:30px;border-top:1px solid #ddd}
.js section+section{margin-top:0;padding-top:0;border-top:0}
.js section[hidden]{display:none}
footer{background:var(--night);color:#b7afd3;text-align:center;padding:22px 16px;font-size:.85rem}
footer a{color:#fff}