:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #000; color: #f5f7fa; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 24px; }
main { width: min(100%, 360px); }
h1 { font-size: 28px; font-weight: 550; letter-spacing: -1px; margin: 0 0 32px; }
form { display: grid; gap: 12px; }
label { font-size: 14px; }
input { width: 100%; border: 1px solid #323b48; border-radius: 3px; padding: 14px; background: #090b0f; color: inherit; font: inherit; }
input:focus-visible, button:focus-visible { outline: 2px solid #91b9ff; outline-offset: 3px; }
button { margin-top: 8px; border: 0; border-radius: 3px; padding: 14px; font: inherit; cursor: pointer; background: #91b9ff; color: #000; }
p { font-size: 14px; color: #ff879b; margin: 0; }