:root{font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#172033;background:#f4f7fb}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#e7efff,transparent 38%),linear-gradient(145deg,#f7f9fd,#edf3fb)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,390px);background:#fff;border:1px solid #e1e7f0;border-radius:18px;padding:32px;box-shadow:0 18px 55px rgba(34,55,91,.12)}
.login-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#527bea,#3159c8);color:#fff;font:700 27px Georgia,serif;box-shadow:0 8px 18px rgba(53,102,214,.23);margin-bottom:18px}
.eyebrow{font-size:10px;color:#6380bf;letter-spacing:.12em;font-weight:800}.login-card h1{font-size:22px;margin:7px 0}.login-card>p{font-size:13px;line-height:1.7;color:#718096;margin:0 0 22px}
form{display:grid;gap:13px}label{display:grid;gap:6px;font-size:12px;color:#526076;font-weight:650}input{width:100%;border:1px solid #d9e1ed;border-radius:9px;padding:11px 12px;font:inherit;outline:none}input:focus{border-color:#6f92e3;box-shadow:0 0 0 3px rgba(53,102,214,.1)}
button{border:0;border-radius:9px;background:#3566d6;color:#fff;padding:12px;font-weight:750;font-size:14px;cursor:pointer;margin-top:3px}button:disabled{opacity:.6}.login-card>small{display:block;text-align:center;color:#99a3b2;font-size:10px;margin-top:20px}#login-error{min-height:18px;color:#b94a58;font-size:11px;text-align:center}
@media(max-width:480px){.login-shell{padding:16px}.login-card{padding:26px 22px;border-radius:15px}.login-card h1{font-size:20px}}