.login-container{background-color:var(--surface-page);width:100vw;min-height:100vh;display:flex}.login-left-section{background-color:var(--surface-secondary);border-right:1px solid var(--border-tertiary);flex:1;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.login-left-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.login-left-link{width:100%;height:100%;display:block}.login-right-section{padding:var(--spacing-size-40) var(--spacing-size-24);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.login-back{top:var(--spacing-size-24);left:var(--spacing-size-24);position:absolute}.login-language{top:var(--spacing-size-24);right:var(--spacing-size-24);align-items:center;height:40px;display:flex;position:absolute}.login-form-wrapper{gap:var(--spacing-size-32);flex-direction:column;width:100%;max-width:420px;display:flex}.login-header-group{gap:var(--spacing-size-8);flex-direction:column;display:flex}.login-title{color:var(--text-primary)}.login-subtitle{color:var(--text-secondary)}.login-form{gap:var(--spacing-size-20);flex-direction:column;display:flex}.login-form .input-box-icon-left,.login-form .input-box-icon-right,.login-form .password-toggle-btn,.login-form .input-box-icon-left svg,.login-form .input-box-icon-right svg,.login-form .password-toggle-btn svg{width:16px;height:16px}.login-password-block,.login-field-block{gap:var(--spacing-size-8);flex-direction:column;display:flex}.login-switch-link{color:var(--text-info-light);align-self:flex-start;text-decoration:none}.login-switch-link:hover{color:var(--text-info-hover-light)}.login-switch-link.is-centered{align-self:center}.login-form .login-phone-field .input-box-icon-left{width:auto;height:auto}.login-phone-prefix{color:var(--text-primary)}.login-field-hint{color:var(--text-secondary);margin:0}.login-forgot-link{color:var(--text-info-light);align-self:flex-end;text-decoration:none}.login-forgot-link:hover{color:var(--text-info-hover-light)}.login-submit-btn{width:100%;margin-top:var(--spacing-size-8)}.login-error{color:var(--text-error-light);margin:0}.login-role-divider{align-items:center;gap:12px;margin-top:12px;display:flex}.login-role-divider-line{background-color:var(--border-secondary,#eaecf0);flex:1;height:1px}.login-role-divider-text{color:var(--text-secondary,#667085)}.google-signin{position:relative}.google-signin-btn{width:100%}.google-signin-overlay{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.google-signin-overlay.is-pending{pointer-events:none}.login-role-buttons{flex-direction:column;gap:12px;display:flex}@media (max-width:768px){.login-container{flex-direction:column}.login-left-section{flex:initial;border-right:none;border-bottom:1px solid var(--border-primary,#eaecf0);height:clamp(120px,22vh,200px)}.login-left-image{object-position:center bottom}.login-right-section{flex:1;align-items:flex-start;padding:64px 16px 24px}.login-form-wrapper{gap:var(--spacing-size-24)}.login-header-group{text-align:center;align-items:center}}