:root{color-scheme:dark;--bg:#030818;--surface:#080f22;--line:#1b263e;--muted:#7f8da9;--text:#f3f6fc;--accent:#dbe6f5;--danger:#ff93a0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Microsoft YaHei",sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(420px,.8fr)}.login-visual{position:relative;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(circle at 72% 36%,rgba(55,91,148,.28),transparent 33%),linear-gradient(145deg,#040a1b,#071126 58%,#050b1c)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(107,133,174,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(107,133,174,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent 2%,#000 35%,transparent 96%)}.visual-content{position:relative;z-index:1;min-height:100vh;padding:38px 46px 46px;display:flex;flex-direction:column}.brand,.mobile-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;background:#e5edf8;color:#0b1730;display:grid;place-items:center;font-size:25px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.22)}.brand b,.brand small,.mobile-brand b,.mobile-brand small{display:block}.brand b,.mobile-brand b{font-size:18px;line-height:1.05}.brand small,.mobile-brand small{color:#9aa8c0;font-size:12px}.visual-copy{max-width:720px;margin:auto 6%}.visual-copy>span,.login-heading>span{color:#7890b6;letter-spacing:.16em;font-size:11px;font-weight:700}.visual-copy h1{font-size:clamp(38px,4.5vw,68px);line-height:1.08;letter-spacing:-.05em;margin:18px 0 22px;max-width:760px}.visual-copy p{color:#90a0bb;font-size:17px;max-width:600px}.signal-card{width:max-content;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line);border-radius:13px;background:rgba(8,15,34,.78)}.signal-card>i,.login-foot i{width:8px;height:8px;border-radius:50%;background:#38d7ad;box-shadow:0 0 0 5px rgba(56,215,173,.1)}.signal-card b,.signal-card small{display:block}.signal-card b{font-size:11px;letter-spacing:.12em}.signal-card small{font-size:11px;color:#7f8da9}.login-panel{display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 50% 35%,rgba(30,50,88,.2),transparent 45%)}.login-card{width:min(420px,100%)}.mobile-brand{display:none;margin-bottom:55px}.login-heading{margin-bottom:34px}.login-heading h2{font-size:34px;letter-spacing:-.04em;margin:8px 0 4px}.login-heading p{color:var(--muted);margin:0}.login-card label{display:grid;gap:8px;color:#aeb9cc;font-size:13px;margin:18px 0}.login-card input{width:100%;height:50px;border:1px solid var(--line);border-radius:11px;background:#0a1227;color:#f2f5fb;padding:0 15px;outline:0;font:inherit}.login-card input:focus{border-color:#6d83a9;box-shadow:0 0 0 3px rgba(109,131,169,.12)}.login-card button{width:100%;height:50px;margin-top:12px;border:0;border-radius:11px;background:#e5edf8;color:#0a1428;font-weight:750;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px}.login-card button:hover{background:#fff}.login-card button:disabled{opacity:.45;cursor:not-allowed}.alert{border:1px solid #693341;background:rgba(105,51,65,.22);color:#ffb9c2;border-radius:10px;padding:11px 13px;margin-bottom:18px;font-size:13px}.login-foot{color:#66748e;font-size:11px;margin-top:24px;display:flex;justify-content:center;align-items:center;gap:9px}.login-foot i{width:6px;height:6px;box-shadow:none}.login-foot i{background:#63728d}@media(max-width:850px){.login-shell{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{display:flex}.login-card{padding:20px 0}}@media(max-width:460px){.login-panel{padding:22px}.login-heading h2{font-size:30px}}
