*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#18334f;background:radial-gradient(ellipse at 30% 5%,#e6eefb,transparent 60%),#f3f6fb;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,490px);padding:42px;border:1px solid #dbe5f3;border-top:3px solid #2868b8;border-radius:16px;background:white;box-shadow:0 18px 70px #17335a0c}.brand{font-size:27px;font-weight:650;color:#234776}.eyebrow{color:#7291b5;font-size:13px;letter-spacing:1px}h1{font-size:25px;margin-top:30px}p{line-height:1.8;color:#62758f;font-size:14px}form{display:grid;gap:13px;margin-top:27px}label{font-size:14px;font-weight:600}input,button{font:inherit;border-radius:8px;padding:14px;width:100%}input{border:1px solid #cad8ed;outline-color:#2868b8}button{border:0;background:#2868b8;color:white;cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:wait}#login-error{color:#b74639;margin:0;font-size:13px}.footnote{font-size:12px;border-top:1px solid #edf1f7;padding-top:22px;margin-top:30px}