:root{color-scheme:dark;--bg:#0d1117;--panel:#161b22;--text:#f0f3f6;--muted:#b8c2cc;--line:#30363d;--accent:#ff7a00}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#0a0d12,#121923);color:var(--text);line-height:1.6}
.wrap{max-width:900px;margin:auto;padding:32px 20px 56px}header{text-align:center;padding-bottom:24px}.logo{width:170px;height:auto;background:#f5f7fa;padding:12px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.28);border:1px solid #d8dee6}
h1{margin:.3rem 0 .2rem;font-size:2.1rem}h2{margin-top:1.8rem;color:#fff}.sub{color:#d7dde4;font-size:1.05rem}
.card{background:rgba(22,27,34,.96);border:1px solid var(--line);border-radius:14px;padding:24px;margin:18px 0}
p,li{color:var(--muted)}strong{color:var(--text)}a{color:#ffa149}nav{margin-top:16px}nav a{margin:0 8px}
footer{margin-top:38px;padding-top:18px;border-top:1px solid var(--line);text-align:center;color:#8b949e;font-size:.9rem}
.small{font-size:.92rem;color:#9aa6b2}