*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3f6fc;color:#18273e;font:14px/1.6 'Segoe UI','Microsoft YaHei',sans-serif;padding:24px}main{width:min(100%,420px);padding:40px;background:white;border:1px solid #e5eaf2;border-radius:16px;box-shadow:0 12px 55px #233c6b0a}.brand{color:#1257ed;font-size:40px;font-weight:850;font-style:italic;line-height:1}.brand span{display:block;font-size:9px;letter-spacing:3px;font-style:normal;margin-top:10px;color:#7b8ba1}h1{font-size:24px;margin:30px 0 8px}p,footer{color:#748197;font-size:12px}form{margin-top:26px}label{display:block;margin:16px 0 7px}input{width:100%;border:1px solid #dce3ed;border-radius:7px;padding:12px;font:inherit}input:focus{outline:2px solid #9ab9ff}button{width:100%;margin-top:24px;padding:13px;border:0;border-radius:7px;background:#1257ed;color:white;font:inherit;cursor:pointer}button:hover{background:#0847ce}footer{text-align:center;margin-top:25px}#error{color:#be4a3d}[hidden]{display:none}