:root {
  --ink: #101d31;
  --navy: #1d3557;
  --red: #c52230;
  --paper: #f7f4ee;
  --muted: #5d6878;
  color-scheme: light;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; color: var(--ink); background: var(--paper); }
main { width: min(640px, calc(100% - 40px)); padding: 2.5rem 0; }
h1 { margin: 0 0 .6em; font-size: clamp(2rem, 6vw, 3.4rem); letter-spacing: -.04em; line-height: 1.05; }
p { color: var(--muted); line-height: 1.6; }
a.button { display: inline-flex; min-height: 48px; align-items: center; padding: .7rem 1.1rem; color: #fff; background: var(--red); text-decoration: none; font-weight: 800; border-radius: 4px; }
a.button:hover { background: #a91b28; }