:root { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #202020; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100svh; display: grid; place-items: center; padding: 24px; }
form { width: 100%; max-width: 360px; padding: 32px; border-radius: 16px; background: #f3f3f3; }
h1 { margin: 0 0 28px; font-size: 24px; font-weight: 550; letter-spacing: -.6px; }
label { display: block; font-size: 12px; margin-bottom: 10px; }
input, button { width: 100%; min-height: 48px; border: 0; border-radius: 8px; font: inherit; }
input { background: #fff; padding: 12px; font-size: 16px; }
button { background: #242424; color: #fff; margin-top: 16px; font-size: 13px; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
input:focus-visible, button:focus-visible { outline: 3px solid #555; outline-offset: 3px; }
p { font-size: 12px; line-height: 1.6; color: #8d302a; margin: 16px 0 0; }
p:empty { display: none; }