:root { color-scheme: dark; font-family: system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #231208; color: #fff4e8; }
main { width: min(34rem, calc(100% - 3rem)); padding: 3rem; border: 1px solid #ff9d2e; border-radius: 1rem; background: #3a1d0c; box-shadow: 0 1rem 3rem #0008; }
.eyebrow { color: #ffc27a; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: .25rem 0 1rem; font-size: clamp(2.5rem, 8vw, 4.5rem); }
.warning { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #704628; color: #e3c2a2; }