:root { --bg:#0b0f17; --panel:#131a26; --line:#243146; --text:#e8eef6; --muted:#8c9bb0; --accent:#4f9dff; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:17px/1.6 system-ui, 'Segoe UI', Roboto, sans-serif; }
.wrap { max-width:760px; margin:0 auto; padding:28px 18px 70px; }
header { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:26px; }
header img { width:54px; height:54px; border-radius:12px; }
header b { font-size:22px; }
nav { margin-left:auto; display:flex; gap:16px; flex-wrap:wrap; }
a { color:var(--accent); }
h1 { font-size:32px; line-height:1.2; margin:0 0 12px; }
h2 { font-size:20px; margin:30px 0 8px; }
.card { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:18px 20px; margin:18px 0; }
.muted { color:var(--muted); font-size:15px; }
ul { padding-left:22px; }
li { margin:6px 0; }
footer { margin-top:44px; padding-top:16px; border-top:1px solid var(--line); }