:root {
  color: #080d14;
  background: #fff8f2;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

body {
  min-block-size: 100dvh;
  margin: 0;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 50% 0%, #ffe1c5 0, transparent 45%), #fff8f2;
}

main { inline-size: min(100%, 32rem); padding: 3rem 1.5rem calc(3rem + env(safe-area-inset-bottom)); text-align: center; }
.logo { inline-size: 7.5rem; block-size: 7.5rem; margin-block-end: 2rem; filter: drop-shadow(0 .75rem 1.5rem rgb(245 138 37 / 25%)); }
.eyebrow { margin: 0 0 .5rem; color: #a84d16; font-size: .8rem; font-weight: 800; letter-spacing: .16em; }
h1 { margin: 0; font-size: clamp(2.25rem, 12vw, 3.5rem); letter-spacing: -.055em; }
.message { max-inline-size: 24rem; margin: 1rem auto 2rem; color: #4e5054; font-size: 1.05rem; line-height: 1.5; }
button { min-block-size: 3.25rem; border: 0; border-radius: 999px; padding-inline: 1.4rem; color: #080d14; background: #f58a25; box-shadow: 0 .5rem 1rem rgb(168 77 22 / 22%); font: inherit; font-weight: 800; }
button:active { transform: scale(.98); }
.status { min-block-size: 1.5rem; margin: 1rem 0 0; color: #777; font-size: .88rem; }