:root{--primary:#2457d6;--text:#172033;--muted:#69758a;--line:#dfe6f2;--danger:#b52f43}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text)}body{background:radial-gradient(circle at 15% 10%,#dfe9ff 0,transparent 34%),radial-gradient(circle at 90% 85%,#d9f3ec 0,transparent 30%),#f5f8fd}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,430px);background:rgba(255,255,255,.96);border:1px solid rgba(220,228,242,.9);border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(36,65,125,.16)}.brand-mark{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#6d94ff,#2857d7);display:grid;place-items:center;color:#fff;font-weight:800;font-size:28px;box-shadow:0 10px 30px rgba(70,111,232,.32)}.eyebrow{margin:22px 0 7px;color:var(--primary);font-size:11px;letter-spacing:.12em;font-weight:800}.login-card h1{margin:0;font-size:30px}.subtitle{color:var(--muted);margin:9px 0 27px}form{display:grid;gap:18px}label{font-size:13px;font-weight:700;display:grid;gap:8px}input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fff;outline:none;font-size:16px}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(36,87,214,.12)}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:66px}.password-wrap button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--primary);font-weight:700;cursor:pointer;padding:7px}.login-button{border:0;border-radius:12px;padding:13px;background:var(--primary);color:#fff;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 9px 25px rgba(36,87,214,.22)}.login-button:hover{background:#1948bd}.login-button:disabled{opacity:.65;cursor:wait}.error{background:#fff0f2;color:var(--danger);padding:11px 12px;border-radius:10px;font-size:13px}.hidden{display:none}.hint{margin:21px 0 0;color:var(--muted);font-size:12px;text-align:center}.hint code{background:#eef2f8;padding:2px 5px;border-radius:5px}@media(max-width:520px){.login-card{padding:27px 21px;border-radius:20px}.login-card h1{font-size:27px}}