.immersive-login{isolation:isolate;min-height:100dvh;color:var(--brand-navy);background:#8ccbff;justify-content:center;align-items:center;padding:30px 20px;display:flex;position:relative;overflow:hidden}.login-world{object-fit:cover;object-position:center;z-index:-2}.immersive-login:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 25%,#eef8ff50,#0000 48%);position:absolute;inset:0}.login-center{z-index:2;flex-direction:column;align-items:center;gap:20px;width:min(100%,490px);display:flex;position:relative}.login-logo{mix-blend-mode:multiply;width:410px;max-width:85%;height:auto}.login-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fbfff2;border:1px solid #ffffffa6;border-radius:34px;width:100%;padding:32px 45px 36px;box-shadow:0 20px 70px #19366723}.login-glass h1{letter-spacing:-1px;margin:0 0 5px;font-size:34px;font-weight:800;line-height:1.2}.login-welcome{margin:0 0 5px;font-size:18px;font-weight:600}.login-description{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.5}.auth-login-form fieldset{flex-direction:column;gap:14px;display:flex}.auth-login-form .auth-label-row label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-input-wrap{position:relative}.auth-input-wrap input{width:100%;height:51px;color:var(--brand-navy);background:#ffffff60;border:1px solid #cbd9ed;border-radius:16px;padding:0 45px 0 48px;font-size:15px}.auth-input-wrap input:focus{border-color:var(--brand-primary);outline:3px solid #006bdf25}.auth-input-wrap input[aria-invalid=true]{border-color:var(--error)}.auth-input-wrap input::placeholder{color:var(--text-secondary)}.auth-input-wrap input:autofill{box-shadow:inset 0 0 0 1000px #f0f7ff}.auth-input-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:14px;left:16px}.auth-password-toggle{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:10px;place-items:center;display:grid;position:absolute;top:5px;right:7px}.auth-password-toggle:hover{background:var(--brand-primary-soft)}.auth-forgot{text-align:right;color:var(--brand-primary);margin:-2px 0 5px;font-size:13px}.auth-login-form button[type=submit]{background:linear-gradient(180deg,#008cff,var(--brand-primary));border-radius:16px;gap:8px;height:54px;font-size:18px;font-weight:600;box-shadow:0 6px 18px #0078fd17}.auth-login-form button[type=submit]:hover{background:var(--brand-primary-hover)}.auth-login-form button[type=submit]:active{transform:translateY(1px)}.auth-login-form button:disabled{cursor:wait}.auth-login-form [role=alert]{margin:0}.traffic-decorations{pointer-events:none;z-index:1;position:absolute;inset:0}.traffic-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff38;border:1px solid #ffffff80;border-radius:25px;place-items:center;width:145px;height:155px;padding:20px;display:grid;position:absolute;box-shadow:0 10px 24px #3f87c211}.traffic-card svg{width:100%;height:100%}.traffic-warning{top:11%;left:19%;transform:rotate(13deg)}.traffic-car{background:#0078fdd9;top:24%;left:8%;transform:rotate(14deg)}.traffic-checklist{width:185px;height:180px;top:37%;left:21%;transform:rotate(14deg)}.traffic-priority{top:15%;right:22%;transform:rotate(-12deg)}.traffic-light{width:132px;height:172px;top:21%;right:12%;transform:rotate(-12deg)}.traffic-speed{top:43%;right:19%;transform:rotate(-12deg)}.traffic-question{background:#0078fdd9;width:125px;height:145px;top:35%;right:5%;transform:rotate(-12deg)}@media (min-width:1500px){.login-center{gap:22px}.login-logo{width:430px}.login-glass{padding-top:35px;padding-bottom:38px}}@media (max-height:800px) and (min-width:901px){.immersive-login{padding:20px}.login-center{gap:14px}.login-logo{width:310px}.login-glass{padding:25px 38px 28px}.login-glass h1{font-size:30px}.traffic-card{scale:.85}}@media (max-width:1100px){.traffic-warning{top:14%;left:8%}.traffic-car{top:37%;left:2%}.traffic-checklist{display:none}.traffic-priority{top:16%;right:9%}.traffic-light{top:36%;right:2%}.traffic-speed{top:63%;right:4%}.traffic-question{display:none}.traffic-card{width:115px;height:125px;padding:16px}.traffic-light{height:145px}}@media (max-width:700px){.immersive-login{align-items:center;padding:28px 18px}.login-center{gap:20px;max-width:420px}.login-logo{width:280px;max-width:85%}.login-glass{background:#f8fbfff5;border-radius:27px;padding:28px 27px 30px}.login-world{object-position:60% center}.traffic-card{display:none}.login-glass h1{font-size:30px}.login-welcome{font-size:16px}.login-description{font-size:13px}.auth-input-wrap input{font-size:16px}.immersive-login:before{background:#006bdf0c}}@media (max-width:380px){.immersive-login{padding:24px 14px}.login-glass{padding:25px 20px}.login-logo{width:240px}.login-center{gap:16px}}.login-center{z-index:auto}.login-logo,.login-glass{z-index:2;position:relative}@media (min-width:1101px){.traffic-checklist{top:36%;left:20%}.traffic-speed{top:43%;right:18%}}