:root { color-scheme: dark; --bg:#03030C; --text:#ECECFF; --muted:#A9A6C9; --accent:#EB30C8; --line:rgba(236,236,255,.14); }
* { box-sizing: border-box; }
html, body { margin:0; background:var(--bg); color:var(--text); }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:1.55; -webkit-font-smoothing:antialiased; }
a { color: var(--text); }
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 24px 32px; }
.mark { font-weight:700; letter-spacing:.18em; font-size:13px; text-decoration:none; color:var(--muted); }
h1 { font-size: 34px; line-height:1.15; margin: 28px 0 12px; }
h2 { font-size: 20px; margin: 32px 0 8px; }
p, li { color: var(--text); font-size: 16px; }
.muted { color: var(--muted); }
.note { border:1px solid var(--line); border-radius:12px; padding:12px 16px; color:var(--muted); }
footer { max-width:720px; margin:0 auto; padding: 24px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; display:flex; flex-wrap:wrap; gap:16px; }
footer a { color: var(--muted); text-decoration:none; }
footer a:hover { color: var(--text); }
ul { padding-left: 20px; } li { margin: 0 0 10px; }