:root { --bg:#141413; --surface:#1d1c1a; --line:#2e2c28; --fg:#efe9dd; --muted:#9b9486; --accent:#d9a441; color-scheme:dark; }
@media (prefers-color-scheme: light) { :root { --bg:#f6f2ea; --surface:#fffdf8; --line:#e4dccd; --fg:#1d1b17; --muted:#6f685c; --accent:#a8741c; color-scheme:light; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.55 -apple-system, "SF Pro Text", system-ui, Roboto, sans-serif; }
main { max-width:720px; margin:0 auto; padding:32px 16px 64px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; font-size:14px; }
.coin { width:30px; height:30px; border-radius:50%; border:4px solid var(--accent); display:grid; place-items:center; color:var(--accent); font-weight:800; font-size:13px; }
nav.lang { display:flex; gap:6px; margin:20px 0 8px; }
nav.lang a { color:var(--muted); text-decoration:none; border:1px solid var(--line); border-radius:999px; padding:4px 12px; font-size:14px; font-weight:600; }
nav.lang a.on { background:var(--accent); border-color:var(--accent); color:#1b1408; }
h1 { font-size:28px; line-height:1.2; margin:16px 0 4px; text-wrap:balance; }
h2 { font-size:18px; margin:28px 0 6px; }
p, li { color:var(--fg); }
.muted { color:var(--muted); font-size:14px; }
ul { padding-left:20px; }
a { color:var(--accent); }
.card { background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:16px; margin-top:16px; }
section[hidden] { display:none; }