*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f5f6fa;color:#18243a;font:16px system-ui,sans-serif}main{width:min(420px,90vw);padding:40px;background:white;border:1px solid #e4e7ed;border-radius:20px;box-shadow:0 12px 40px #18243a0a}.mark{font-size:40px;color:#5267e8}h1{margin:14px 0 8px}p{color:#697386;line-height:1.5}form{margin-top:30px}label{display:block;font-weight:600;margin-bottom:10px}input,button{width:100%;padding:14px;border-radius:9px;font:inherit}input{border:1px solid #ccd2df}input:focus{outline:2px solid #5267e8}button{margin-top:18px;background:#5267e8;color:white;border:0;cursor:pointer;font-weight:600}button:disabled{opacity:.6}#error{color:#b42318;font-size:14px}