:root { color-scheme: dark; font-family: system-ui, -apple-system, sans-serif; color: #e8e8ed; background: #09090b; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; padding: 24px; }
main { width: 100%; max-width: 448px; padding: 24px; border: 1px solid #27272a; border-radius: 12px; background: #111113; }
h1 { margin: 0; font-size: 20px; font-weight: 600; letter-spacing: -.025em; }
p { margin: 6px 0 18px; font-size: 14px; color: #a1a1aa; }
form { display: grid; gap: 12px; }
label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
input, button { font: inherit; font-size: 14px; min-height: 40px; border-radius: 6px; }
input { width: 100%; padding: 9px 12px; color: inherit; background: transparent; border: 1px solid #3f3f46; }
input:focus { outline: 2px solid #a1a1aa; outline-offset: 2px; }
button { border: 0; background: #fafafa; color: #18181b; font-weight: 500; cursor: pointer; }
button:disabled { opacity: .5; cursor: wait; }
#error { margin: 0; color: #fb7185; font-size: 12px; overflow-wrap: anywhere; }
#error:empty { display: none; }