.login-split{grid-template-columns:1fr 1fr}.left-pane,.login-split{display:grid;min-height:100vh}.left-pane{grid-template-rows:auto 1fr;background:var(--neutral-0)}.left-gap{padding:0 184px}.top-brand{display:block}.brand{display:flex;align-items:center;gap:12px}.brand img{width:145px;margin:48px 0 0 48px}.brand-name{color:var(--neutral-900);letter-spacing:.5px}.auth-title,.brand-name{font-weight:var(--font-weight-700)}.auth-title{font-size:var(--font-size-24);margin:0 0 4px;font-family:Inter,sans-serif}.auth-title,.forgot-username-container .auth-title{color:var(--neutral-700)}.auth-subtitle{margin:0 0 20px;color:var(--neutral-400);font-size:var(--font-size-12);font-family:Inter,sans-serif}.form-wrap{place-self:center;width:100%}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:4px}.form-input{width:100%;padding:var(--spacing-12) var(--spacing-16);font-size:var(--font-size-16);font-weight:var(--font-weight-400);color:var(--neutral-900);background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--border-radius-radius-4);outline:none;transition:border-color var(--transition-duration-200);line-height:var(--line-height-140);font-family:Inter,Mulish,sans-serif}.form-input::-moz-placeholder{color:var(--neutral-400)}.form-input::placeholder{color:var(--neutral-400)}.form-input:focus{border-color:var(--primary-500)}.form-input:disabled{background-color:var(--neutral-25);cursor:not-allowed}.inline-right{justify-content:flex-end}.inline-right,.row-between{display:flex;margin-top:4px}.row-between{align-items:center;justify-content:space-between}.link{color:var(--primary-500);text-decoration:none;font-size:var(--font-size-12);font-weight:var(--font-weight-500);font-family:Inter,sans-serif}.link:hover{text-decoration:underline;color:var(--primary-600)}.password-section{margin-top:12px}.password-input{position:relative;display:flex;align-items:center}.icon-btn{position:absolute;right:12px;border:none;background:transparent;color:var(--neutral-400);cursor:pointer;padding:4px;top:5px}.icon-btn:hover{color:var(--neutral-600)}.icon-btn .material-symbols-outlined{font-size:var(--font-size-20)}.disclaimer p{color:var(--neutral-300);font-size:var(--font-size-12);line-height:var(--line-height-150);margin:20px 0}.auth-cta,.disclaimer p{font-family:Inter,sans-serif}.auth-cta{text-align:left;color:var(--neutral-400);margin-top:20px;font-size:var(--font-size-14)}.page-footer{color:var(--neutral-500);font-size:var(--font-size-12);font-family:Inter,sans-serif;padding:0 0 24px 48px}.request-link{font-size:var(--font-size-14)}.auth-or-divider{display:flex;align-items:center;gap:12px;width:100%;margin:20px 0}.auth-or-divider-line{flex:1;height:1px;background-color:#CCCCCC;min-width:0}.auth-or-divider-text{color:#CCCCCC;font-size:var(--font-size-14);font-family:Inter,sans-serif;text-transform:lowercase;white-space:nowrap}.right-pane{position:relative;overflow:hidden}.ring{position:absolute;inset:8% 8%;border:1px solid rgba(255,255,255,.6);border-radius:8px}.ring-2{inset:16% 16%}.ring-3{inset:28% 28%}.tile{position:absolute;width:84px;height:84px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-700);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12)}.t1{top:80px;left:22%;background:#4c7cf0}.t2{top:70px;right:10%;background:#7d37ff}.t3{top:58%;left:32%;background:#2fae66}.t4{top:44%;left:60%;background:#f59e0b}.t5{bottom:14%;right:12%;background:#3b82f6}.t6{bottom:10%;left:54%;background:#7d37ff}.forgot-username-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(/assets/img/forgot-bg.png);background-size:cover;background-position:50%;padding:var(--spacing-24);flex-direction:column}.forgot-username-card{max-width:400px}.forgot-username-card,.google-authenticator-card{width:100%;background:rgba(255,255,255,.4);border-radius:var(--border-radius-radius-4);padding:var(--spacing-32);position:relative}.google-authenticator-card{max-width:450px}.header-row{justify-content:space-between;margin-bottom:var(--spacing-16)}.back-link,.header-row{display:flex;align-items:center}.back-link{gap:var(--spacing-4);color:var(--neutral-600);text-decoration:none;font-size:var(--font-size-12);font-weight:var(--font-weight-500);font-family:Inter,sans-serif;position:relative;right:5px}.back-link:hover{color:var(--primary-600);text-decoration:none}.back-link .material-symbols-outlined{font-size:var(--font-size-18)}.logo-icon{display:flex;align-items:center;justify-content:center}.logo-img{max-width:100%;height:auto}.content-section{display:block}.description{font-size:var(--font-size-12);font-weight:var(--font-weight-400);color:var(--neutral-400);margin:0 0 var(--spacing-28) 0;line-height:var(--line-height-150);padding:0;font-family:Inter,sans-serif}.forgot-form{display:flex;flex-direction:column;gap:var(--spacing-28)}.sign-in-text{font-size:var(--font-size-14);color:var(--neutral-400);line-height:var(--line-height-140);font-family:Inter,sans-serif}.sign-in-link,.sign-in-text{font-weight:var(--font-weight-500)}.sign-in-link{color:var(--primary-500);text-decoration:none;transition:color var(--transition-duration-200);padding-left:3px}.sign-in-link:hover{color:var(--primary-600);text-decoration:underline}.forgot-username-container .page-footer{color:var(--neutral-500);font-size:var(--font-size-12);font-family:Inter,sans-serif;padding:0 0 24px;position:fixed;bottom:0}.auth-method-select{width:100%;padding:var(--spacing-6) var(--spacing-16);padding-right:40px;font-size:var(--font-size-14);font-weight:var(--font-weight-400);color:var(--neutral-900);background:var(--neutral-0);background-repeat:no-repeat;background-position:right 12px center;background-size:16px;border:1px solid var(--neutral-200);border-radius:var(--border-radius-radius-4);outline:none;transition:border-color var(--transition-duration-200);line-height:var(--line-height-140);font-family:Inter,Mulish,sans-serif;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.auth-method-select:hover{border-color:var(--neutral-300)}.auth-method-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(56,98,197,.1)}.auth-method-select:disabled{background-color:var(--neutral-25);cursor:not-allowed;opacity:.6}.auth-method-select option{padding:var(--spacing-8);color:var(--neutral-900);background:var(--neutral-0)}.instruction-text p{font-size:var(--font-size-12);font-weight:var(--font-weight-400);color:var(--neutral-600);line-height:var(--line-height-150);font-family:Inter,sans-serif;margin:0}.code-inputs{display:flex;gap:var(--spacing-8);justify-content:space-between}.code-input{width:48px;height:48px;text-align:center;font-size:var(--font-size-18);font-weight:var(--font-weight-600);color:var(--neutral-900);background:var(--utility-bg-1);border:1px solid var(--neutral-100);border-radius:var(--border-radius-radius-4);outline:none;transition:all .2s ease;font-family:Inter,Mulish,sans-serif}.code-input.active,.code-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(56,98,197,.1)}.code-input:disabled{background-color:var(--neutral-25);cursor:not-allowed}.mfa-code-container.error .code-input{border-color:var(--error-500,#dc2626)}.mfa-code-container.error .code-input.active,.mfa-code-container.error .code-input:focus{border-color:var(--error-500,#dc2626);box-shadow:0 0 0 3px rgba(220,38,38,.1)}.error-message{color:var(--error-500,#dc2626);font-size:var(--font-size-14);font-weight:var(--font-weight-400);font-family:Inter,sans-serif;padding-top:var(--spacing-8);text-align:left}.resend-section{display:flex;justify-content:flex-end;align-items:center}.countdown-text{color:var(--neutral-400);font-size:var(--font-size-12);font-weight:var(--font-weight-400);font-family:Inter,sans-serif;text-align:right;padding-top:var(--spacing-12)}.expired-section{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:var(--spacing-12)}.code-expired{color:var(--neutral-700)}.code-expired,.resend-link{font-size:var(--font-size-14);font-weight:var(--font-weight-500);font-family:Inter,sans-serif}.resend-link{color:var(--primary-500);text-decoration:none;transition:color var(--transition-duration-200)}.resend-link:hover{color:var(--primary-600);text-decoration:underline}.resend-link:disabled{color:var(--neutral-300);cursor:not-allowed;text-decoration:none}.info-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--neutral-400);cursor:help;transition:color var(--transition-duration-200)}.info-icon:hover{color:var(--neutral-600)}.info-icon .material-symbols-outlined{font-size:var(--font-size-16)}.button-section{margin-top:var(--spacing-28)}.sms-form{margin-bottom:var(--spacing-28)}.google-mfa-code-inputs{justify-content:unset!important}.password-strength{margin-top:var(--spacing-8)}.strength-bar{width:100%;height:4px;background-color:var(--neutral-200);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-4)}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.strength-label{font-size:var(--font-size-12);font-weight:var(--font-weight-500);font-family:Inter,sans-serif;text-align:left}.checkbox-group{margin-top:var(--spacing-16)}.registration-form .form-group{margin-bottom:var(--spacing-16)}.mfa-type-card{flex-direction:row!important;align-items:unset!important;margin-bottom:0!important;background-color:var(--utility-bg-1)!important;border-color:var(--neutral-25)!important;padding:var(--spacing-8)!important}.mfa-type-title{font-size:var(--font-size-14);color:var(--neutral-800);margin-bottom:var(--spacing-2)}.mfa-type-description,.mfa-type-title{font-weight:500;font-family:Inter,sans-serif;line-height:var(--line-height-160)}.mfa-type-description{font-size:var(--font-size-12);color:var(--neutral-400);margin-bottom:0}.mfa-type-card-container{gap:var(--spacing-16)!important;margin-bottom:var(--spacing-28)}.authenticator-content{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-28);align-items:flex-start}.instructions-section{flex:1}.instruction-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-8)}.instruction-number{font-weight:var(--font-weight-600);color:var(--neutral-600);min-width:16px;flex-shrink:0}.instruction-number,.instruction-text{font-size:var(--font-size-12);font-family:Inter,sans-serif}.instruction-text{font-weight:var(--font-weight-500);color:var(--neutral-400);line-height:var(--line-height-150);margin:0}.qr-code-section{flex-shrink:0}.qr-code{width:96px;height:96px;border:1px solid var(--neutral-200);border-radius:var(--border-radius-radius-4);background:var(--neutral-0)}.qr-code,.qr-placeholder{display:flex;align-items:center;justify-content:center}.qr-placeholder{flex-direction:column;gap:var(--spacing-4)}.qr-placeholder .material-symbols-outlined{font-size:32px;color:var(--neutral-400)}.qr-placeholder p{font-size:var(--font-size-10);color:var(--neutral-400);margin:0;font-family:Inter,sans-serif}.mfa-type-card.selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 4px 12px rgba(56,98,197,.15)}.mfa-type-card.selected .logo-icon{background-color:#e3f2fd}.mfa-type-card .logo-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--primary-50);transition:all .2s ease;flex-shrink:0;border:none;padding:4px}.mfa-type-card .logo-icon .material-symbols-outlined{color:var(--primary-500-base);font-size:20px;font-weight:600;background:none;padding:0;border-radius:0}.mfa-type-card.selected .logo-icon .material-symbols-outlined{color:#1976d2}.mfa-type-card.selected .sign-in-text{color:var(--primary-700)}@media (max-width:576px){.login-split{grid-template-columns:1fr}.right-pane{display:none}.left-pane{grid-template-rows:auto 1fr}.left-gap{padding:0 16px}.form-wrap{max-width:100%}.title{font-size:var(--font-size-28)}.forgot-username-container{padding:var(--spacing-16)}.forgot-username-card{padding:var(--spacing-24)}.forgot-username-card .title{font-size:var(--font-size-24)}}.title-gap{margin-bottom:var(--spacing-28)}.app-login-right{background:var(--Gradient-2,linear-gradient(244deg,#F8F6E7 -1.74%,#F4E2D3 19.99%,#DAE6F3 40.94%,#BFDAFF 58.42%,#C9DCFF 71.38%,#BCB6FF 98.73%));position:relative}.app-login-right,.app-login-right-inner{display:flex;align-items:center;justify-content:center}.app-login-right-inner{position:absolute;inset:0;width:100%;height:100%}.app-login-box{position:absolute;border:2px solid rgba(255,255,255,.3);border-radius:4px;top:50%;left:50%;transform:translate(-50%,-50%)}.app-login-box-1{width:40%;height:40%;min-width:120px;min-height:120px}.app-login-box-2{width:65%;height:65%;min-width:200px;min-height:200px}.app-login-box-3{width:95%;height:95%;min-width:280px;min-height:280px}.app-login-center-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center}.app-login-eg-img{width:auto;height:auto;max-width:140px;max-height:140px;-o-object-fit:contain;object-fit:contain}.auth-form-group .form-label{color:var(--neutral-600,#404246);font-family:Inter,sans-serif;font-size:13px;font-style:normal;font-weight:500;line-height:140%;margin-bottom:0!important}.auth-form-group .form-control{display:flex;padding:var(--spacing-8);align-items:center;gap:var(--spacing-6);align-self:stretch;border-radius:var(--border-radius-radius-4,4px);border:.5px solid var(--neutral-100);background:var(--neutral-0,#FFF)}.auth-form-group .icon-btn{font-size:unset!important;margin-top:0!important}.auth-form-group{margin-bottom:0!important}.auth-checkbox-group label{display:flex!important}.auth-error-message{font-size:var(--font-size-12);font-family:Inter,sans-serif}.registration-form{gap:12px;display:flex;flex-direction:column}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.phone-input-container{position:relative;width:100%}.input-group{display:flex;width:100%}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:var(--border-radius-radius-4);border-bottom-right-radius:var(--border-radius-radius-4)}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){border-top-left-radius:var(--border-radius-radius-4);border-bottom-left-radius:var(--border-radius-radius-4)}.country-selector{cursor:pointer;background:var(--neutral-0,#FFF);border:1px solid var(--neutral-50);padding:var(--spacing-8) var(--spacing-4) var(--spacing-8) var(--spacing-8);display:flex;align-items:center;gap:8px;border-radius:var(--border-radius-radius-4);min-width:85px;justify-content:space-between;margin-right:var(--spacing-6);height:36px}.country-selector:hover{background:var(--neutral-100)}.flag{width:20px;height:15px;border-radius:2px;-o-object-fit:cover;object-fit:cover}.dial-code{font-size:14px;color:var(--neutral-700);font-weight:500}.dropdown-arrow{font-size:16px;color:var(--neutral-600);transition:transform .2s}.dropdown-arrow.rotated{transform:rotate(180deg)}.phone-input{border-radius:var(--border-radius-radius-4);height:36px}.phone-input-container.focused .country-selector{border-color:var(--primary-500-base)}.phone-input:focus{border-color:var(--primary-500-base)!important;box-shadow:unset;z-index:3}.country-dropdown{position:absolute;top:100%;left:0;right:0;border-radius:var(--Border-Radius-Radius-4,4px);border:1px solid var(--neutral-50);background:var(--neutral-0,#FFF);box-shadow:0 1px 2px 0 rgba(0,0,0,.15);z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden;animation:phoneDropdownFadeIn .15s ease-out}.country-dropdown.phone-dropdown-portal{position:fixed;z-index:9999}@keyframes phoneDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.country-dropdown.positioned-above{animation:phoneDropdownFadeInAbove .15s ease-out}@keyframes phoneDropdownFadeInAbove{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{flex-shrink:0}.country-list{flex:1;overflow-y:auto;max-height:250px;scrollbar-width:thin;scrollbar-color:var(--neutral-300) var(--neutral-100)}.country-list::-webkit-scrollbar{width:6px}.country-list::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:3px}.country-list::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}.country-list::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.country-item{display:flex;align-items:center;padding:10px 12px;cursor:pointer;gap:12px;padding:var(--spacing-4) var(--spacing-12);min-height:42px}.country-item:hover{background:var(--neutral-50)}.country-item:last-child{border-bottom:none}.country-name{flex:1;font-size:14px;color:var(--neutral-700)}.country-item .dial-code{font-size:14px;color:var(--neutral-600);font-weight:500}.dropdown-search input{background-color:var(--neutral-0);border:1px solid var(--neutral-50);box-sizing:border-box;width:100%;color:var(--neutral-700);border-radius:var(--Border-Radius-Radius-4,4px);outline:none;padding:8px 8px 8px 32px;font-size:14px}.country-search i{color:var(--neutral-300);pointer-events:none;font-size:20px;position:absolute;left:7px;top:9px}