*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f2f3f5;color:#24272c;font:15px "Segoe UI",Arial,sans-serif;padding:20px}main{width:min(100%,390px);padding:34px;background:white;border:1px solid #dce0e5;border-radius:10px;box-shadow:0 12px 32px #20252a0d}.brand{font-size:28px;letter-spacing:-1px;font-weight:700;margin-bottom:26px}h1{font-size:21px;margin:0 0 8px}p{color:#626873;line-height:1.5}label{display:block;font-weight:600;margin:18px 0 6px}input{width:100%;padding:11px;border:1px solid #bdc4cd;border-radius:5px;font:inherit}input:focus{outline:2px solid #3c7197;outline-offset:2px}button{width:100%;border:0;border-radius:5px;background:#315e80;color:#fff;font:600 15px "Segoe UI",sans-serif;padding:12px;cursor:pointer}button:disabled{opacity:.6}#error{color:#a4262c;min-height:22px;font-size:14px}small{display:block;text-align:center;color:#7b8188;margin-top:24px}