:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#152b57;background:#073bcc}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 0%,#1868ec 0,transparent 55%),#073bcc}
main{width:min(100%,420px);padding:36px 32px;background:#fff;border-radius:24px;box-shadow:0 20px 64px #031f7a55}
.brand{display:flex;align-items:center;gap:12px;color:#0745cf;font-size:36px;font-weight:850;letter-spacing:-1px}
.brand span{font-size:17px;letter-spacing:1px}
h1{font-size:25px;line-height:1.4;margin:30px 0 8px}
.intro{font-size:15px;color:#56647c;margin:0 0 28px}
label{display:block;font-size:14px;font-weight:650;margin-bottom:9px}
input{display:block;width:100%;height:50px;border:1px solid #9da9bf;border-radius:10px;padding:0 14px;font:inherit;font-size:18px;color:#152b57;background:#fff}
input:focus-visible{outline:3px solid #7ab4ff;outline-offset:2px;border-color:#0745cf}
input[aria-invalid="true"]{border-color:#b52d39}
#login-error{min-height:21px;margin:9px 0 14px;color:#ad2530;font-size:14px;line-height:1.5}
button{width:100%;height:50px;border:0;border-radius:10px;background:#0745cf;color:#fff;font:inherit;font-size:16px;font-weight:650;cursor:pointer}
button:hover{background:#0639ab}button:active{background:#052d89}button:focus-visible{outline:3px solid #7ab4ff;outline-offset:3px}button:disabled{opacity:.65;cursor:wait}
.note{font-size:12px;line-height:1.7;color:#657187;text-align:center;margin:20px 0 0}
@media(max-width:380px){main{padding:28px 22px}.brand span{font-size:15px}h1{font-size:23px}}