:root{font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#102039;background:#eef3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 15%,#dff5f2 0,transparent 28%),linear-gradient(135deg,#edf3f8,#f8fafc)}.login-shell{width:min(980px,calc(100% - 32px));min-height:560px;display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border:1px solid #dbe4ee;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #1d35571c}.brand-panel{padding:50px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#071c38,#073c62 65%,#087f83);position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff26;border-radius:50%;right:-100px;top:100px;box-shadow:0 0 0 48px #ffffff0a,0 0 0 96px #ffffff08}.brand{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.brand>span{width:42px;height:42px;border-radius:8px;background:#fff;color:#0a3152;display:grid;place-items:center;font-weight:800;font-size:22px}.brand b{display:block;font-size:24px;letter-spacing:.08em}.brand small{letter-spacing:.2em;opacity:.75}.brand-panel p{font-size:12px;letter-spacing:.13em;color:#9dc7da}.brand-panel h1{font-size:32px;line-height:1.35;margin:16px 0}.brand-panel .intro{font-size:14px;letter-spacing:0;line-height:1.8;color:#d4e7ef}.brand-panel>small{color:#aac7d5;position:relative;z-index:1}.form-panel{display:grid;place-items:center;padding:48px}.form-panel form{width:min(360px,100%)}.eyebrow{color:#0c8589;font-size:11px;letter-spacing:.16em;font-weight:700}.form-panel h2{font-size:28px;margin:8px 0}.hint{color:#748196;margin:0 0 32px}label{display:block;font-size:13px;font-weight:650;margin:18px 0;color:#27384f}input{width:100%;height:46px;margin-top:8px;padding:0 13px;border:1px solid #cad5e2;border-radius:8px;font:inherit;outline:0;transition:.2s}input:focus{border-color:#0b8a8e;box-shadow:0 0 0 3px #0b8a8e18}.error{min-height:20px;color:#d9363e;font-size:13px;margin:4px 0 10px}button{width:100%;height:46px;border:0;border-radius:8px;color:#fff;background:linear-gradient(90deg,#087f83,#076aa0);font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.65;cursor:wait}@media(max-width:720px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:260px;padding:30px}.brand-panel h1{font-size:25px}.brand-panel>small{display:none}.form-panel{padding:36px 28px}}