*{box-sizing:border-box}body{margin:0;background:#fff;color:#292a2e;font-family:Arial,sans-serif;min-height:100dvh;display:grid;place-items:center}main{width:min(400px,100%);padding:40px 28px}img{display:block;margin-bottom:44px;object-fit:contain}h1{font-size:30px;margin:0 0 12px}p{font-size:15px;line-height:1.6;color:#62636b;margin:0}form{margin-top:32px;display:flex;flex-direction:column;gap:12px}label{font-size:15px;font-weight:600}input,button{font:inherit;min-height:54px;border-radius:10px;padding:12px 16px}input{border:1px solid #d8dbe6;background:#f8f9fc;font-size:26px;letter-spacing:8px;direction:ltr;text-align:center}button{border:0;background:#5269ee;color:white;font-weight:700;cursor:pointer;margin-top:8px}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #5269ee;outline-offset:3px}#error{color:#a33832;min-height:24px}