:root { color-scheme: light; font-family: ui-rounded, -apple-system, BlinkMacSystemFont, sans-serif; background: #f4f0e8; color: #24231f; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; }
main { width: min(32rem, calc(100% - 2rem)); padding: max(2rem, env(safe-area-inset-top)) 0 max(2rem, env(safe-area-inset-bottom)); }
section { background: rgba(255,255,255,.72); border: 1px solid rgba(36,35,31,.12); border-radius: 1.25rem; padding: 1.5rem; box-shadow: 0 .75rem 2rem rgba(36,35,31,.08); }
h1 { font-size: 1.8rem; margin: 0 0 .75rem; }
p { line-height: 1.5; }
.eyebrow { letter-spacing: .12em; text-transform: uppercase; font-size: .75rem; color: #68645b; }
label { display: block; font-weight: 600; margin: 1.5rem 0 .5rem; }
input { box-sizing: border-box; width: 100%; font: inherit; font-size: 1.5rem; letter-spacing: .25em; padding: .8rem; border: 1px solid #9c978d; border-radius: .7rem; background: white; }
button { width: 100%; margin-top: .8rem; padding: .9rem; border: 0; border-radius: .7rem; background: #25241f; color: white; font: inherit; font-weight: 650; }
button:active { transform: translateY(1px); }
.privacy { color: #68645b; font-size: .85rem; }
[hidden] { display: none !important; }