:root { --cream: #FFF6E5; --butter: #FFE7B8; --cocoa: #3B2A10; --muted: #7A6A55; --tangerine: #FF8A3D; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--cream); color: var(--cocoa); font: 17px/1.6 "DM Sans", system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
h1, h2 { font-family: Nunito, system-ui, sans-serif; line-height: 1.2; }
h1 { font-size: 34px; margin: 16px 0 4px; }
h2 { font-size: 22px; margin-top: 32px; }
a { color: var(--cocoa); text-decoration-color: var(--tangerine); text-underline-offset: 3px; }
.muted { color: var(--muted); }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; font: 800 22px Nunito, system-ui, sans-serif; }
.brand img { width: 44px; height: 44px; border-radius: 12px; border: 3px solid var(--cocoa); }
.btn { display: inline-block; margin-top: 16px; padding: 14px 24px; background: var(--tangerine); color: var(--cocoa); font-weight: 800; border: 3px solid var(--cocoa); border-radius: 16px; box-shadow: 0 4px 0 var(--cocoa); text-decoration: none; }
footer { margin-top: 48px; padding-top: 16px; border-top: 2px solid var(--butter); font-size: 15px; }
footer a { margin-right: 16px; }