*{box-sizing:border-box}:root{font-family:system-ui,sans-serif;color:#102a43;background:#edf4fa}body{margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(360px,calc(100% - 40px));padding:32px;background:#fff;border:1px solid #cbd9e6;border-radius:14px;box-shadow:0 12px 35px #102a4320}.eyebrow{color:#1769aa;font-weight:700;letter-spacing:.12em;font-size:.75rem}h1{margin:.2rem 0}label,input,button{display:block;width:100%;box-sizing:border-box}input{margin:.45rem 0 1rem;padding:.7rem;border:1px solid #829ab1;border-radius:6px}input:focus{outline:3px solid #69b7eb;outline-offset:2px}button{padding:.75rem;border:0;border-radius:6px;background:#1769aa;color:#fff;font-weight:700}#status{min-height:1.2em;color:#b42318}
p{overflow-wrap:anywhere}button:focus-visible{outline:3px solid #69b7eb;outline-offset:3px}