:root { --bg:#070914; --card:#0d112a; --text:#e8ecff; --muted:#8e97c7; --cyan:#35e0ff; --line:rgba(120,160,255,.22); }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 -apple-system, "Segoe UI", system-ui, sans-serif; padding: 32px 16px 64px; }
main { max-width: 720px; margin: 0 auto; }
header { display:flex; align-items:center; gap:14px; margin-bottom: 28px; }
header img { width:64px; height:64px; border-radius:15px; }
h1 { font-size: 30px; margin: 0; line-height:1.15; }
header p { margin: 2px 0 0; color: var(--muted); }
h2 { font-size: 20px; margin: 32px 0 8px; color: var(--cyan); }
p, li { color: var(--text); }
.muted { color: var(--muted); font-size: 14px; }
a { color: var(--cyan); }
.card { background: var(--card); border:1px solid var(--line); border-radius: 16px; padding: 18px 20px; margin: 18px 0; }
nav { display:flex; gap:16px; flex-wrap:wrap; margin: 8px 0 24px; font-size: 15px; }
hr { border:0; border-top:1px solid var(--line); margin: 40px 0; }