:root {
  --parchment: #f3e8d2;
  --paper: #fbf5e9;
  --ink: #17120f;
  --walnut: #71352a;
  --terracotta: #a65338;
  --muted: #705b4d;
}
* { box-sizing: border-box; }
html { background: var(--parchment); }
body { margin: 0; min-width: 320px; color: var(--ink); font-family: "Nunito Sans", system-ui, sans-serif; background: radial-gradient(circle at 20% 10%, rgba(255,255,255,.30), transparent 32%), radial-gradient(circle at 84% 82%, rgba(166,83,56,.08), transparent 28%), var(--parchment); }
.container { width: min(100% - 32px, 720px); margin: 0 auto; padding: 56px 0 42px; text-align: center; }
.hero { overflow: hidden; padding: 30px 26px 38px; background: var(--paper); border: 1px solid rgba(113,53,42,.22); border-radius: 26px; box-shadow: 0 18px 42px rgba(79,43,27,.14); }
.logo { display: block; width: min(100%, 360px); margin: 0 auto 20px; border-radius: 16px; }
.eyebrow { margin: 0 0 8px; color: var(--walnut); font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
h1 { margin: 0; color: var(--ink); font-family: "Caveat", "Kalam", cursive; font-size: clamp(3.5rem, 13vw, 6.5rem); font-weight: 600; line-height: .82; letter-spacing: .01em; }
.intro { max-width: 480px; margin: 28px auto 22px; color: var(--muted); font-size: 1.05rem; line-height: 1.7; }
.button { display: inline-block; padding: 13px 21px; border: 2px solid var(--walnut); border-radius: 999px; background: var(--walnut); color: var(--paper); font-weight: 700; text-decoration: none; transition: background .2s ease, color .2s ease, transform .2s ease; }
.button:hover, .button:focus-visible { background: transparent; color: var(--walnut); transform: translateY(-2px); }
.button:focus-visible { outline: 3px solid var(--terracotta); outline-offset: 3px; }
footer { margin-top: 24px; color: var(--walnut); font-size: .9rem; font-weight: 700; }
footer p { margin: 0; }
@media (max-width: 480px) { .container { width: min(100% - 24px, 720px); padding-top: 28px; } .hero { padding: 22px 16px 30px; border-radius: 20px; } .logo { margin-bottom: 16px; border-radius: 12px; } .intro { margin-top: 23px; font-size: 1rem; } }