:root{--nav:#111a2d;--blue:#345de8;--ink:#182238;--muted:#778296}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#f5f7fb}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.08fr) minmax(420px,.92fr)}.login-story{position:relative;padding:54px 7vw;color:#fff;background:radial-gradient(circle at 80% 18%,#3953a777 0,transparent 34%),linear-gradient(145deg,#10182b,#172849 65%,#1d3260);display:flex;flex-direction:column;overflow:hidden}.login-story:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #ffffff12;border-radius:50%;right:-130px;bottom:-180px;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff05}.login-brand,.mobile-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:21px;font-weight:800}.login-brand span,.mobile-brand span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#172849;font:900 16px Georgia}.story-copy{margin:auto 0;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#7893ff;margin:0 0 13px}.story-copy h1{font-size:clamp(34px,4vw,56px);line-height:1.22;letter-spacing:-2px;margin:0;max-width:760px}.story-copy>p:last-child{color:#aebbd3;font-size:15px;line-height:1.9;max-width:600px}.story-metrics{display:flex;gap:45px;position:relative;z-index:1}.story-metrics article{display:grid;gap:3px}.story-metrics b{font-size:25px}.story-metrics span{font-size:11px;color:#94a3be}.login-panel{display:grid;place-items:center;padding:34px;background:linear-gradient(145deg,#fff,#f4f6fb)}.login-card{width:min(390px,100%);background:#fff;border:1px solid #e8ebf1;border-radius:15px;padding:40px;box-shadow:0 24px 70px #28365315}.login-card h2{font-size:26px;margin:0}.intro{color:var(--muted);font-size:13px;margin:8px 0 28px}.login-card>label:not(.remember){display:grid;gap:7px;margin-top:17px;font-size:12px;color:#566176;font-weight:650}.login-card input{width:100%;border:1px solid #dde3ec;border-radius:8px;padding:12px 13px;font:14px inherit;outline:0}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #345de814}.remember{display:flex;align-items:center;gap:7px;margin:15px 0;color:#758095;font-size:12px}.remember input{width:15px}.login-card button{width:100%;border:0;border-radius:8px;padding:12px 15px;background:var(--blue);color:#fff;font:700 14px inherit;cursor:pointer;box-shadow:0 7px 18px #345de837}.login-card button:disabled{opacity:.65;cursor:wait}.login-card button span{float:right}.login-card small{display:block;text-align:center;color:#9aa3b2;margin-top:20px;line-height:1.6}.login-error{min-height:20px;color:#d74752;font-size:12px;margin:0 0 8px}.mobile-brand{display:none;color:var(--ink);margin-bottom:34px}.mobile-brand span{background:var(--nav);color:#fff}@media(max-width:820px){.login-shell{display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:20px}.login-card{padding:30px}.mobile-brand{display:flex}}