*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f2f5fa;color:#25324a;font:14px 'Segoe UI','Microsoft YaHei',sans-serif;padding:24px}.login-card{width:min(410px,100%);padding:36px;background:#fff;border:1px solid #e2e8f2;border-radius:14px;box-shadow:0 12px 40px #25446c08}.brand{display:flex;align-items:center;gap:10px;font-weight:600}.brand span{display:grid;place-items:center;background:#e8f0ff;color:#1677ff;border-radius:8px;width:36px;height:36px;font-size:22px}h1{font-size:23px;margin:28px 0 8px}p{color:#8491a4;line-height:1.6}label{display:grid;gap:8px;margin:18px 0;font-size:13px}input{height:42px;width:100%;border:1px solid #dce3ed;border-radius:6px;padding:10px;font:inherit;outline:none}input:focus{border-color:#7cafff;box-shadow:0 0 0 3px #edf4ff}button{height:42px;border:0;border-radius:6px;background:#1677ff;color:#fff;width:100%;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}small{display:block;margin-top:22px;color:#98a2b3;font-size:12px;line-height:1.7}#error{font-size:12px;color:#c54f50;min-height:18px}[hidden]{display:none!important}