:root { color-scheme: light dark; --ink:#1a1d23; --sub:#5b6472; --accent:#fb6f5a; --bg:#ffffff; --card:#f5f6f8; }
@media (prefers-color-scheme: dark) { :root { --ink:#f4f6fa; --sub:#9aa3b2; --bg:#0f1115; --card:#1a1d24; } }
* { box-sizing:border-box; margin:0; padding:0; }
body { font:17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color:var(--ink); background:var(--bg); }
main { max-width:680px; margin:0 auto; padding:48px 24px 80px; }
h1 { font-size:2rem; font-weight:800; margin:0 0 6px; }
h2 { font-size:1.15rem; font-weight:700; margin:32px 0 8px; }
p, li { color:var(--sub); margin-bottom:10px; }
ul { padding-left:22px; }
a { color:var(--accent); text-decoration:none; }
.brand { display:flex; align-items:center; gap:10px; margin-bottom:28px; }
.mark { width:40px; height:40px; border-radius:10px; background:var(--accent); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:20px; }
.card { background:var(--card); border-radius:14px; padding:18px 20px; margin:14px 0; }
.faint { font-size:.85rem; margin-top:36px; }