body.login-page{min-height:100vh;display:flex;background:var(--bg)}.login-shell{display:grid;grid-template-columns:1fr 460px;min-height:100vh;width:100%}.login-hero{background:linear-gradient(135deg,#1d4ed8,#6d28d9);display:flex;flex-direction:column;justify-content:space-between;padding:48px;color:#fff;position:relative;overflow:hidden}.login-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.12),transparent 40%),radial-gradient(circle at 85% 80%,hsla(0,0%,100%,.1),transparent 45%)}.login-hero-content{position:relative;z-index:1}.login-hero-brand{display:flex;align-items:center;gap:12px}.login-hero-brand .brand-tile{width:46px;height:46px;background:hsla(0,0%,100%,.16)}.login-hero-brand .brand-tile .icon{stroke:#fff}.login-hero-brand .name{font-size:19px;font-weight:800}.login-hero-brand .sub{font-size:12px;color:hsla(0,0%,100%,.75);letter-spacing:.5px}.login-hero-title{font-size:30px;font-weight:800;line-height:1.6;margin-top:60px;max-width:420px}.login-hero-sub{font-size:14px;color:hsla(0,0%,100%,.8);line-height:1.9;margin-top:14px;max-width:400px}.login-hero-feature{display:flex;align-items:center;gap:12px;margin-top:22px}.login-hero-feature .lhf-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-hero-feature .lhf-icon .icon{stroke:#fff;width:18px;height:18px}.login-hero-feature .lhf-text .t1{font-size:13px;font-weight:700}.login-hero-feature .lhf-text .t2{font-size:11.5px;color:hsla(0,0%,100%,.7);margin-top:2px}.login-hero-footer{position:relative;z-index:1;font-size:11.5px;color:hsla(0,0%,100%,.6)}.login-panel{background:var(--card-bg);display:flex;align-items:center;justify-content:center;padding:40px 36px}.login-card{width:100%;max-width:360px}.login-card-title{font-size:21px;font-weight:800;margin-bottom:6px}.login-card-sub{margin-bottom:26px}.auth-mode-switch,.login-card-sub{font-size:12.5px;color:var(--text-secondary)}.auth-mode-switch{text-align:center;margin-top:18px}.auth-mode-switch a{color:var(--primary);font-weight:700;cursor:pointer}.login-form{display:none;flex-direction:column;gap:16px}.login-form.active{display:flex}.otp-step{display:none;flex-direction:column;gap:16px}.otp-step.active{display:flex}.password-toggle-btn{cursor:pointer;color:var(--text-muted);display:flex;align-items:center}.otp-inputs{display:flex;gap:8px;justify-content:flex-start;direction:ltr}.otp-inputs input{width:46px;height:52px;text-align:center;font-size:19px;font-weight:800;border:1px solid var(--border);border-radius:var(--radius-md);outline:none;color:var(--text-primary)}.otp-inputs input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.otp-resend{font-size:12px;color:var(--text-muted);text-align:center}.otp-resend a{color:var(--primary);font-weight:700;cursor:pointer}.otp-resend a.disabled{color:var(--text-muted);cursor:not-allowed;pointer-events:none}.otp-phone-display{font-size:13px;font-weight:700;direction:ltr;text-align:center;color:var(--text-primary)}.remember-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.remember-row label{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-secondary)}.remember-row a{color:var(--primary);font-weight:700;cursor:pointer}.field-error{font-size:11.5px;color:var(--danger);margin-top:2px;display:none}.field-error.show{display:block}.field.has-error{border-color:var(--danger)}.captcha-row{display:flex;align-items:center;gap:8px}.captcha-canvas-wrap{position:relative;width:130px;height:46px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);flex-shrink:0;background:#f8fafc}.captcha-canvas-wrap canvas{width:100%;height:100%;display:block}.captcha-refresh-btn{width:46px;height:46px;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.captcha-refresh-btn:hover{background:#f8fafc}.captcha-refresh-btn.spin .icon{animation:captcha-spin .5s linear}@keyframes captcha-spin{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@media (max-width:980px){.login-shell{grid-template-columns:1fr}.login-hero{display:none}}@media (min-width:1600px){.login-shell{grid-template-columns:1fr minmax(460px,34vw)}.login-hero-sub,.login-hero-title{max-width:34vw}}.forgot-modal-card{width:420px}