/* AI-first login experience · QA333. Scope changes to auth-only surfaces. */
.auth-view{background:#edf3ff!important;padding:22px!important;min-height:100vh!important}
.auth-shell{width:min(1390px,100%)!important;max-width:1390px!important;min-height:min(830px,calc(100vh - 44px))!important;grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr)!important;border:1px solid #dce8fc!important;border-radius:30px!important;box-shadow:0 26px 90px #16346a20!important;overflow:hidden}
.auth-hero.auth-hero-ai333{position:relative;isolation:isolate;padding:38px 46px 29px!important;background:linear-gradient(147deg,#061629 5%,#08264b 55%,#12436a 100%)!important;display:flex!important;min-height:750px;gap:25px;color:#fff}
.auth-hero-ai333:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071a35e8 0%,#102f4cc4 62%,#0b3d53aa),url('/static/ai_office_hero333.webp') center center / cover no-repeat;opacity:.90}
.auth-hero-ai333:after{content:"";position:absolute;z-index:-1;width:390px;height:390px;top:12%;right:-130px;left:auto;bottom:auto;border-radius:50%;background:radial-gradient(circle,#40b9f12a 0%,#40b9f108 48%,transparent 70%);box-shadow:0 0 0 1px #5cc5ff12,0 0 0 60px #5cc5ff04;pointer-events:none}
.auth-ai333-brand{display:flex;gap:12px;align-items:center;position:relative;z-index:2}.auth-ai333-logo{width:46px;height:46px;display:grid;place-items:center;font-size:27px;line-height:1;background:linear-gradient(145deg,#20ccdd,#336cf6);border:1px solid #ffffff55;border-radius:15px;box-shadow:0 6px 25px #00a9fe35}.auth-ai333-brand strong{display:block;font-size:20px;letter-spacing:-.035em}.auth-ai333-brand small{font-size:9px;letter-spacing:.2em;color:#bdd7f5}.auth-ai333-live{margin-inline-start:auto;display:flex;align-items:center;gap:7px;white-space:nowrap;color:#c7efff;font-size:10px;font-weight:800;letter-spacing:.12em}.auth-ai333-live i{width:7px;height:7px;background:#37dbb6;border-radius:50%;box-shadow:0 0 10px #37dbb6}
.auth-ai333-story{position:relative;z-index:2;margin-top:auto}.auth-ai333-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:#9ce8ff}.auth-ai333-star{font-size:23px;vertical-align:-2px}.auth-ai333-story h1{font-size:clamp(41px,3.8vw,62px)!important;letter-spacing:-.056em!important;line-height:1.09!important;max-width:590px!important;margin:17px 0 20px!important;font-weight:880}.auth-ai333-story h1 em{font-style:normal;color:#a4edff;display:inline}.auth-ai333-story p{max-width:510px;font-size:15px;line-height:1.75;color:#d5e8fd}.auth-ai333-pillrow{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 0}.auth-ai333-pillrow span{padding:8px 10px;border:1px solid #b5e6ff38;border-radius:99px;color:#e0f3ff;background:#d5f6ff12;font-size:10px;font-weight:700}
.auth-ai333-demo{position:relative;z-index:2;padding:20px 22px;border-radius:19px;border:1px solid #b2eaff66;background:linear-gradient(110deg,#10294fc9,#1c5878ad);box-shadow:0 20px 50px #0614274a;backdrop-filter:blur(12px)}.auth-ai333-demohead{display:flex;align-items:center;gap:10px;font-size:12px}.auth-ai333-pulse{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#5acfff38;font-size:21px;color:#aff7ff}.auth-ai333-demo-status{margin-inline-start:auto;color:#c2dbed;font-size:10px}.auth-ai333-quote{font-size:19px;line-height:1.5;font-weight:650;margin:19px 0 15px;letter-spacing:-.02em}.auth-ai333-demofoot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #d3faff28;padding-top:13px;color:#d8e7f9;font-size:10px}.auth-ai333-demofoot b{color:#67eabb}.auth-ai333-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:15px;color:#b0c9dd;font-size:10px;padding-top:8px}
.auth-shell>.auth-panel{background:#fff!important;padding:57px 52px 35px!important;min-width:0;position:relative}.auth-ai333-loginintro{margin-top:36px;margin-bottom:25px}.auth-ai333-eyebrow2{color:#2868e3;font-size:10px;font-weight:850;letter-spacing:.14em}.auth-ai333-loginintro h2{font-size:clamp(25px,2.3vw,34px)!important;letter-spacing:-.052em!important;margin:13px 0 8px!important;color:#0d2343}.auth-ai333-loginintro p{font-size:12px;color:#68788f;line-height:1.65;margin:0}.auth-language-switch{top:19px;right:27px}.auth-shell .auth-tabs{margin:0 0 17px!important;padding:5px;background:#f0f5fd;border:1px solid #e1eaf7;border-radius:14px;gap:4px}.auth-shell .auth-tab{border-radius:10px;font-size:11px;min-height:45px;line-height:1.35;padding:10px 6px}.auth-shell .auth-tab.active{color:#1854d7;background:#fff;box-shadow:0 4px 16px #153a7b1c}.auth-shell .auth-form>.eyebrow{font-size:10px;letter-spacing:.14em;color:#3568d5}.auth-shell .auth-form h2{color:#102342;font-size:24px!important;letter-spacing:-.04em;margin-top:8px}.auth-shell .auth-form>p.muted{font-size:12px;line-height:1.65;margin-bottom:16px}.auth-shell .auth-form label{display:block;font-size:11px;font-weight:750;margin:14px 0 6px;color:#213b5c}.auth-shell .auth-form input.input{min-height:49px;border:1px solid #dce6f5;border-radius:12px;background:#fafcff;color:#142c4f;font-size:13px;padding-inline:14px}.auth-shell .auth-form input.input:focus{outline:none;border-color:#4b8af7;box-shadow:0 0 0 4px #2e7dff17;background:#fff}.auth-shell .auth-form .btn.primary{min-height:50px;border-radius:12px;background:linear-gradient(100deg,#2061e6,#347efb);box-shadow:0 10px 25px #2872e83b;margin-top:20px}.auth-shell .auth-form .btn.primary:hover{background:linear-gradient(100deg,#1655d9,#286ae9)}.auth-shell .auth-form .account-separation-note-2150{margin-top:15px}.auth-ai333-footpanel{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;padding-top:20px;line-height:1.5;color:#6c7b91}.auth-ai333-recovery{border-radius:14px;padding:15px;margin-top:14px;background:#fff9ed;border:1px solid #efd09b;color:#744915;font-size:12px}.auth-ai333-recovery strong{font-size:13px}.auth-ai333-recovery p{margin:6px 0;line-height:1.6}.auth-ai333-recovery ol{padding-inline-start:20px;margin:8px 0}.auth-ai333-recovery li{margin:5px 0;line-height:1.5}.auth-ai333-recovery code{font-size:11px;direction:ltr;unicode-bidi:isolate}.auth-ai333-recovery>span{font-size:10px;color:#906526}.auth-ai333-recovery.hidden{display:none!important}
html[dir="rtl"] .auth-hero-ai333{text-align:right}html[dir="rtl"] .auth-ai333-footer,html[dir="rtl"] .auth-ai333-demofoot{direction:rtl}html[dir="rtl"] .auth-panel .auth-language-switch{right:auto;left:27px}html[dir="rtl"] .auth-ai333-demo,html[dir="rtl"] .auth-ai333-story{text-align:right}
@media(max-width:1100px){.auth-shell{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr)!important}.auth-hero.auth-hero-ai333{padding:30px!important}.auth-shell>.auth-panel{padding:50px 30px 28px!important}.auth-ai333-story h1{font-size:42px!important}.auth-ai333-demofoot{flex-direction:column}}
@media(max-width:790px){.auth-view{padding:0!important}.auth-shell{display:block!important;border:0!important;min-height:100vh!important;border-radius:0!important}.auth-hero.auth-hero-ai333{min-height:300px!important;padding:30px 25px!important;gap:18px}.auth-ai333-brand{margin-bottom:12px}.auth-ai333-story{margin-top:0}.auth-ai333-story h1{font-size:33px!important;line-height:1.12!important;margin:12px 0!important}.auth-ai333-story p{font-size:12px;line-height:1.5}.auth-ai333-pillrow{margin-top:13px}.auth-ai333-demo,.auth-ai333-footer{display:none}.auth-shell>.auth-panel{min-height:580px;padding:25px 23px 30px!important}.auth-ai333-loginintro{margin:22px 0}.auth-language-switch{top:18px!important;right:18px!important}.auth-mobile-brand{display:none!important}}
@media(max-width:390px){.auth-ai333-story h1{font-size:29px!important}.auth-ai333-pillrow span{font-size:9px}.auth-shell .auth-tab{font-size:10px}.auth-ai333-live{display:none}}

/* Recognizable workplace imagery—photographic context rather than a static UI mock-up. */
.auth-ai333-photo{position:absolute;pointer-events:none;z-index:0;top:112px;right:30px;width:57%;height:340px;border-radius:27px;background:linear-gradient(100deg,#0b264728,#092e4314),url('/static/ai_workplace333.webp') center 42% / cover no-repeat;opacity:.88;mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 85%,transparent 100%);box-shadow:0 25px 60px #0006;filter:saturate(1.15)}
.auth-ai333-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071d35 0%,transparent 62%)}
@media(max-width:790px){.auth-ai333-photo{width:42%;top:56px;right:-15px;height:185px;opacity:.38}}