:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b0f14;color:#dfe6ef;font:16px/1.6 system-ui,Segoe UI,Roboto,sans-serif}
header{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:14px max(16px,calc((100vw - 860px)/2));border-bottom:1px solid #1f2a38;background:#0e141c}
.brand{display:flex;gap:10px;align-items:center;color:#e8b14a;font-weight:800;letter-spacing:.16em;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:6px 16px}nav a{color:#9fb0c4;text-decoration:none;font-size:14px}nav a:hover{color:#fff}
main{max-width:860px;margin:0 auto;padding:28px 16px 40px}h1{font-size:30px;margin:0 0 16px}h2{font-size:19px;margin:28px 0 8px;color:#f1d08f}
a{color:#e8b14a}.muted{color:#7f8da0;font-size:13px;margin-top:32px}.lead{font-size:19px}
.warn{background:#2a1e0c;border:1px solid #7a5520;border-radius:10px;padding:12px 14px}code{background:#1a2230;padding:1px 5px;border-radius:4px}
.btn{display:inline-block;background:#e8b14a;color:#1a1408;font-weight:700;padding:10px 18px;border-radius:10px;text-decoration:none}
.social{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 12px}.social a{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid #2a3647;border-radius:999px;color:#dfe6ef;text-decoration:none;font-weight:600}.social a:hover{border-color:#e8b14a}.social svg{color:#ffd98a}.social small{color:#7f8da0;font-weight:500}main .social{justify-content:flex-start}
footer{border-top:1px solid #1f2a38;padding:18px 16px 28px;text-align:center;color:#7f8da0;font-size:13px}ul{padding-left:20px}