[hidden]{display:none!important}
:root{font:16px/1.6 "Microsoft YaHei",system-ui,sans-serif;color:#243044;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.intro{background:#172b40;color:#fff;padding:12vh 8vw}.mark{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:#435ad4;font-size:28px}.intro h1{font-size:clamp(32px,4vw,56px);line-height:1.4}.intro p,.intro small{color:#c0cede}.card{max-width:580px;width:100%;padding:12vh 48px;margin:auto}h2{font-size:28px}label{display:block;margin:24px 0 8px;font-weight:600}input{display:block;width:100%;padding:13px;border:1px solid #c8d2df;border-radius:8px;background:white;font:inherit;margin-top:8px}input:focus{outline:3px solid #dce3ff;border-color:#435ad4}button,.card a{display:block;width:100%;padding:14px;border:0;border-radius:8px;background:#435ad4;color:white;font:inherit;cursor:pointer;margin-top:24px;text-align:center;text-decoration:none}button:disabled{opacity:.6;cursor:wait}small{display:block;color:#67788c;margin-top:24px}#error{color:#b52929}#message{color:#67788c}#logout{background:#e3e8f1;color:#243044}@media(max-width:760px){main{display:block}.intro{padding:30px}.intro h1{font-size:32px}.intro small{display:none}.card{padding:30px}}