:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #282a2b; background: #f8f1f1; }
* { box-sizing: border-box; }
body { margin: 0; padding: 36px 20px; min-height: 100svh; display: grid; place-items: center; }
main { width: 100%; max-width: 460px; background: #fff; border-radius: 28px; padding: 32px 28px; }
.brand { color: #596063; font-size: 16px; font-weight: 650; margin: 0 0 28px; }
h1 { font-size: clamp(28px, 7vw, 34px); line-height: 1.15; margin: 0 0 18px; letter-spacing: -.7px; }
p { font-size: 17px; line-height: 1.55; margin: 0 0 18px; }
.button { display: block; padding: 18px 12px; border-radius: 18px; background: #f47d98; color: #161819; text-align: center; font-weight: 700; text-decoration: none; margin-top: 28px; }
.button:focus-visible { outline: 3px solid #282a2b; outline-offset: 4px; }
[hidden] { display: none !important; }
#status:empty { display: none; }
#status { margin-top: 18px; }
section { border-top: 1px solid #eee4e5; margin-top: 28px; padding-top: 24px; color: #596063; }
section p { font-size: 15px; }
section p:last-child { margin-bottom: 0; }