:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #f7f0e3;
  background: #15120f;
  line-height: 1.6;
}
* { box-sizing: border-box; }
body { margin: 0; padding: 2rem 1.25rem; }
main { max-width: 38rem; margin: min(10vh, 5rem) auto; }
.brand { color: #6dd8d1; font-weight: 650; letter-spacing: .08em; }
h1 { font-family: ui-serif, Georgia, serif; font-size: clamp(2.25rem, 8vw, 4rem); line-height: 1.1; }
p { font-size: 1.15rem; }
a { color: #6dd8d1; text-underline-offset: .2em; }
a:focus-visible { outline: 3px solid #f3cb58; outline-offset: 5px; }
.action { display: inline-block; margin-top: 1rem; padding: .75rem 1.25rem; border-radius: .75rem; background: #f3cb58; color: #15120f; font-weight: 650; text-decoration: none; }
footer { display: flex; flex-wrap: wrap; gap: 1.25rem; margin-top: 3rem; }