*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#193452;font-family:'Segoe UI','Microsoft YaHei',sans-serif;display:grid;place-items:center;min-height:100vh;padding:24px}main{width:430px;max-width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:38px;box-shadow:0 12px 40px #1233540b}.mark{font-weight:900;color:#123f6d;letter-spacing:.13em}h1{font-size:24px;margin:30px 0 24px}p{font-size:13px;color:#718195}label{display:block;font-size:13px;font-weight:700;margin-top:17px}input{display:block;width:100%;padding:12px;border:1px solid #ced9e5;border-radius:8px;margin-top:8px;font:inherit}button{width:100%;padding:13px;margin-top:24px;background:#123f6d;border:0;border-radius:8px;color:white;font-weight:750;font-size:15px;cursor:pointer}.hint{font-size:12px;line-height:1.7}#login-error{color:#b44c38;line-height:1.6}[hidden]{display:none!important}