:root { color-scheme: dark; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #101216; color: #f4f6f8; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 780px; margin: 0 auto; padding: 40px 22px 72px; line-height: 1.6; }
header { border-bottom: 1px solid #343b46; padding-bottom: 20px; margin-bottom: 32px; }
.brand { color: #fa564e; font-size: 13px; font-weight: 850; letter-spacing: .16em; text-decoration: none; }
h1 { font-size: clamp(30px, 5vw, 42px); line-height: 1.12; margin: 10px 0; }
h2 { font-size: 21px; margin-top: 34px; }
p, li { color: #d6dbe1; }
a { color: #ff817b; }
.meta { color: #aeb8c4; font-size: 14px; }
.button { display: inline-block; padding: 12px 18px; border-radius: 11px; background: #fa564e; color: #101216; font-weight: 800; text-decoration: none; }
.button:hover { background: #ff817b; }
footer { margin-top: 50px; padding-top: 18px; border-top: 1px solid #343b46; font-size: 14px; }