:root{color-scheme:dark;--bg:#0e1116;--card:#171c24;--fg:#e8ecf1;--mut:#9aa6b5;--acc:#ff4d4d}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,Segoe UI,sans-serif;background:var(--bg);color:var(--fg)}
header,main,footer{max-width:860px;margin:0 auto;padding:20px}
header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}header img{width:40px;height:40px}
header b{font-size:1.2rem}nav{margin-left:auto;display:flex;gap:18px}
a{color:#7cc4ff}h1{font-size:2.2rem;line-height:1.2}h2{margin-top:2rem}
.btn{display:inline-block;background:var(--acc);color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600}
.card{background:var(--card);border-radius:12px;padding:18px 22px;margin:16px 0}
.mut{color:var(--mut)}footer{color:var(--mut);font-size:.9rem;border-top:1px solid #222a35;margin-top:40px}
.warn{background:#fff;color:#111;border-radius:6px;padding:22px;max-width:460px;font-family:Segoe UI,sans-serif}
.warn h3{color:#0b3d91;margin:0 0 10px;font-weight:600}.warn p{margin:0 0 14px;font-size:.92rem}
.warn .row{display:flex;justify-content:flex-end;gap:8px}.warn span{padding:6px 14px;background:#e1e1e1;font-size:.9rem}
.warn span.hl{outline:3px solid var(--acc)}.warn u{color:#0b3d91;outline:3px solid var(--acc);padding:0 3px}
code{background:#222a35;padding:2px 6px;border-radius:4px}