:root{color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#16243b;background:#f3f6fb}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,420px);background:#fff;border:1px solid #dfe6f0;border-radius:20px;padding:36px;box-shadow:0 18px 55px #1b365012}
.brand{color:#3763cf;font-size:13px;font-weight:700;letter-spacing:.08em}h1{margin:12px 0 10px;font-size:27px;letter-spacing:-.03em}
.intro,.hint{color:#66768c;font-size:14px;line-height:1.7}.intro{margin:0 0 28px}.field{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}
input[type=text],input[type=password]{width:100%;height:46px;border:1px solid #becbde;border-radius:9px;padding:0 13px;font:inherit;background:#fff;color:#16243b}
input:focus{outline:3px solid #3763cf25;border-color:#3763cf}.remember{display:flex;align-items:center;gap:9px;font-size:14px;margin:20px 0;cursor:pointer;line-height:1.5}
input[type=checkbox]{width:17px;height:17px;accent-color:#3763cf}button{width:100%;border:0;border-radius:9px;background:#3763cf;color:white;min-height:46px;font:inherit;font-weight:600;cursor:pointer}button:hover{background:#2851b8}
button:focus-visible,a:focus-visible{outline:3px solid #3763cf55;outline-offset:3px}.hint{font-size:12px;margin:20px 0 0}.error{background:#fff0ef;color:#a92929;border:1px solid #f4ceca;padding:12px;border-radius:9px;font-size:14px;line-height:1.6;margin:0 0 18px}
@media(max-width:480px){body{padding:16px}.login-card{padding:28px 24px}}