*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f5f9;color:#101d32;font:16px/1.5 Arial,sans-serif}main{width:100%;max-width:440px;background:white;border:1px solid #dde2eb;border-radius:14px;padding:36px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#56627a}h1{font-size:30px;line-height:1.2;margin:20px 0 12px}.intro,.hint{color:#596477}.hint{font-size:13px;margin-top:24px}form{display:grid;gap:10px;margin-top:28px}label{font-size:14px;margin-top:8px}input,button{font:inherit;min-height:48px;border-radius:7px;padding:12px}input{width:100%;border:1px solid #bcc7d8}button{margin-top:14px;color:white;background:#233ed5;border:0;cursor:pointer}:focus-visible{outline:3px solid #8b9cff;outline-offset:3px}#error{background:#fff0ef;color:#9b2323;padding:12px;border-radius:6px}[hidden]{display:none!important}@media(max-width:480px){body{padding:16px}main{padding:24px}}