:root { font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; color: #17233c; background: #fff; font-synthesis: none; }
* { box-sizing: border-box; }
body { min-width: 280px; min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 40px 24px; }
.login { width: 100%; max-width: 320px; margin-top: -5vh; }
h1 { margin: 0 0 28px; text-align: center; font-size: 26px; line-height: 1.4; font-weight: 650; letter-spacing: -.02em; }
label { display: block; margin: 20px 0 8px; font-size: 13px; font-weight: 600; color: #3c4659; }
form > label:first-of-type { margin-top: 0; }
input:not([type=hidden]) { display: block; width: 100%; height: 46px; border: 1px solid #ccd3de; border-radius: 6px; background: #fff; color: #17233c; padding: 10px 13px; font: inherit; font-size: 15px; outline: none; }
input:focus { border-color: #4778d1; box-shadow: 0 0 0 3px rgb(71 120 209 / 11%); }
.error { min-height: 20px; margin: 8px 0; color: #a83232; font-size: 13px; line-height: 20px; }
button { width: 100%; height: 46px; border: 0; border-radius: 6px; color: white; background: #245bb8; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
button:hover { background: #1d4e9f; }
button:focus-visible { outline: 3px solid #b5cdf4; outline-offset: 3px; }