/* Professional split-screen sign-in. */
.crm-auth{min-width:320px;background:#f4f6fb}.crm-auth main{min-height:100svh;grid-template-columns:minmax(440px,34vw) minmax(0,1fr)}
.auth-login-panel{position:relative;z-index:2;min-height:100svh;padding:36px clamp(38px,4vw,68px);justify-content:flex-start;background:linear-gradient(160deg,#fff 0%,#fff 70%,#f7f8ff 100%)}
.auth-brand-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}.auth-brand-wrap .auth-brand{margin:0}.auth-brand-wrap .auth-brand img{width:154px;height:auto}.auth-brand-wrap>span{max-width:120px;color:#7a8496;font-size:10px;font-weight:700;line-height:1.35;text-align:right;text-transform:uppercase;letter-spacing:.08em}
.auth-form-shell{width:100%;max-width:430px;margin:auto}.auth-form-shell .auth-copy{margin:0 0 26px}.auth-form-shell .auth-copy h1{margin:0;color:#101828;font-size:clamp(30px,2.4vw,40px);font-weight:800;line-height:1.12;letter-spacing:-.035em}
.auth-login-form{display:grid;gap:17px}.auth-login-form .form-label{color:#344054;font-size:12px;font-weight:700}.auth-login-form .form-control{height:52px;border:1px solid #dce1ea;border-radius:12px;background:#fff;color:#101828;font-size:14px;box-shadow:0 1px 2px rgba(16,24,40,.025);transition:border-color .18s,box-shadow .18s}.auth-login-form .form-control:focus{border-color:#7778ee;box-shadow:0 0 0 4px rgba(92,93,229,.12)}.auth-login-form .field-icon{left:17px;color:#98a2b3}.auth-login-form .password-toggle{right:9px;width:36px;height:36px;border-radius:9px}.auth-login-form .math-captcha{min-height:64px;padding:9px 10px;border-color:#e1e5ed;border-radius:13px;background:#f8f9fc}.auth-login-form .math-captcha-icon{width:38px;height:38px;border-radius:10px}.auth-login-form .math-captcha-task{min-width:84px}.auth-login-form .math-captcha .form-control{height:42px}.auth-submit{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;margin-top:2px;border:0;border-radius:12px;background:linear-gradient(135deg,#635bff,#5145e5);font-size:14px;font-weight:800;box-shadow:0 12px 24px rgba(82,70,229,.22)}.auth-submit:hover{background:linear-gradient(135deg,#554cf2,#4338ca);transform:translateY(-1px);box-shadow:0 15px 28px rgba(82,70,229,.28)}.auth-alert{align-items:flex-start;gap:9px;margin:-10px 0 18px;border-radius:12px;font-size:12px}.auth-note{display:flex;align-items:center;gap:7px;margin:28px 0 0;color:#8a94a6;font-size:11px}.auth-note i{color:#6670df}
.auth-visual-photo{isolation:isolate;min-height:100svh;padding:clamp(44px,5.5vw,88px);align-items:flex-end;background:#101828}.auth-hero-image{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center}.auth-hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(7,12,25,.08) 10%,rgba(7,12,25,.18) 42%,rgba(7,12,25,.9) 100%),linear-gradient(90deg,rgba(10,16,31,.28),transparent 65%)}.auth-visual-photo:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 84% 15%,rgba(111,94,255,.24),transparent 32%);pointer-events:none}.auth-visual-photo .visual-copy{max-width:680px;padding:0;text-shadow:0 2px 18px rgba(0,0,0,.24)}.visual-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(13,21,38,.28);font-size:10px;font-weight:800;letter-spacing:.13em;backdrop-filter:blur(10px)}.auth-visual-photo .visual-copy h2{max-width:670px;margin:0 0 14px;color:#fff;font-size:clamp(36px,4.3vw,66px);font-weight:800;line-height:1.03;letter-spacing:-.045em}.auth-visual-photo .visual-copy>p{max-width:570px;margin:0;color:rgba(255,255,255,.77);font-size:clamp(14px,1.2vw,17px);line-height:1.65}.visual-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.visual-features span{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(9,15,29,.34);color:rgba(255,255,255,.9);font-size:11px;font-weight:700;backdrop-filter:blur(12px)}.visual-features i{color:#a9a8ff;font-size:15px}
.crm-auth .guest-theme-toggle{right:24px;top:24px;border-color:rgba(255,255,255,.22);background:rgba(15,23,42,.52);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.crm-auth .guest-theme-toggle .theme-switch-thumb{background:#fff}.crm-auth .guest-theme-toggle .moon{color:#d8dcff}
html[data-theme=dark] .crm-auth{background:#131b27!important}html[data-theme=dark] .auth-login-panel{background:linear-gradient(160deg,#222d3d 0%,#273142 72%,#252e42 100%)!important}html[data-theme=dark] .auth-brand-wrap>span,html[data-theme=dark] .auth-form-shell .auth-copy p,html[data-theme=dark] .auth-note{color:#aeb8c8}html[data-theme=dark] .auth-form-shell .auth-copy .eyebrow{background:#343d5c;color:#b7b9ff}html[data-theme=dark] .auth-form-shell .auth-copy h1,html[data-theme=dark] .auth-login-form .form-label{color:#f5f7fb}html[data-theme=dark] .auth-login-form .form-control{border-color:#465266!important;background:#303b4c!important;color:#f5f7fb!important}html[data-theme=dark] .auth-login-form .math-captcha{border-color:#465266!important;background:#303b4c!important}
@media(max-width:991px){.crm-auth main{display:block}.auth-login-panel{min-height:100svh;padding:30px clamp(24px,8vw,72px)}.auth-visual-photo{display:none}.auth-form-shell{margin:8vh auto}.auth-brand-wrap{padding-right:82px}.crm-auth .guest-theme-toggle{border-color:#d8deea;background:#f2f4f8;color:#667085}.crm-auth .guest-theme-toggle .moon{color:#667085}html[data-theme=dark] .crm-auth .guest-theme-toggle{border-color:#465266;background:#303b4c}}
@media(max-width:575px){.auth-login-panel{padding:24px 20px}.auth-brand-wrap .auth-brand img{width:132px}.auth-brand-wrap>span{display:none}.auth-form-shell{margin:7vh auto 2vh}.auth-form-shell .auth-copy{margin:0 0 22px}.auth-form-shell .auth-copy h1{font-size:30px}.auth-login-form{gap:15px}.auth-login-form .math-captcha{grid-template-columns:38px minmax(72px,1fr) 112px}.auth-note{justify-content:center}.crm-auth .guest-theme-toggle{right:18px;top:18px}}
