*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f5f9;color:#172033;font:16px/1.5 system-ui,sans-serif}main{width:min(440px,100%);padding:32px;background:white;border:1px solid #dfe5ee;border-radius:20px;box-shadow:0 16px 50px #1720330d}img{display:block;margin:0 auto 16px;border-radius:50%}h1{font-size:24px;line-height:1.3;margin:0 0 12px}p,small{color:#526176}form{display:grid;gap:8px;margin:24px 0}label{font-weight:600}input{width:100%;height:48px;border:1px solid #abb8ca;border-radius:8px;padding:10px;font:inherit;margin-bottom:10px}button{height:48px;border:0;border-radius:9px;background:#d90d68;color:white;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #3977e7;outline-offset:2px}#error{color:#a2243a;background:#fff0f3;border-radius:8px;padding:10px;margin:0 0 8px}small{display:block;font-size:14px}