:root{--brand-blue:#3c74d5}.auth-container{display:flex;flex-direction:column;gap:12px;padding-top:16px;padding-bottom:16px;width:66.666%}.auth-page-root{width:100%;height:100dvh;height:100vh;display:flex;flex-direction:row;overflow:hidden}.auth-side-panel{flex:1;min-width:0;height:100%;background:#f7fafd}.auth-main-panel{position:relative;flex:2;min-width:0;height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;align-items:center;padding:clamp(8px,2vh,24px) 16px}.auth-main-content{width:100%;max-width:480px;flex:1;min-height:0;justify-content:center;gap:clamp(6px,1.5vh,16px)}.auth-logo-area,.auth-main-content{display:flex;flex-direction:column;align-items:center}.auth-logo-area{gap:clamp(2px,.5vh,8px)}.auth-logo-area svg{max-width:100%;height:auto}.auth-tagline{font-weight:400;font-size:clamp(.8rem,1.2vw,1.125rem);text-align:center}.auth-account-notice{font-size:.8rem;color:#6b7280;text-align:center;margin:0}.mfa-container{justify-content:center;height:100vh;text-align:center;position:relative}.mfa-container,.mfa-inner{display:flex;flex-direction:column;align-items:center}.mfa-inner{gap:24px;z-index:0;margin:0 56px}.mfa-code-inputs{direction:ltr;display:flex;flex-direction:row;gap:12px;transition:all .3s}.mfa-code-input{width:48px;height:48px;border-radius:8px;text-align:center;font-size:1.25rem;font-weight:500;outline:none}.sso-buttons-container{flex-direction:column;gap:clamp(4px,.6vh,8px);padding-left:12.5%;padding-right:12.5%}.sso-button-box,.sso-buttons-container{display:flex;align-items:center;width:100%}.sso-button-box{max-width:320px;flex-direction:row;justify-content:center;padding:clamp(6px,1vh,14px) 4px;background:#e1f2ff;box-sizing:border-box;cursor:pointer;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.sso-button-box:hover{background:#f1f9ff}.auth-form-inputs{max-width:320px;display:flex;flex-direction:row;justify-content:center;align-items:center;border:3px solid #ededed;width:100%;box-sizing:border-box;border-radius:12px;padding:clamp(8px,1.2vh,14px) 12px;box-shadow:0 1px 2px rgba(0,0,0,.05);font-size:.875rem;outline:none;background:inherit}.auth-form-inputs:focus{border-color:var(--auth-button-bg,var(--brand-blue))}.auth-button{max-width:320px;padding:clamp(8px,1.2vh,14px);background:var(--auth-button-bg,var(--brand-blue))!important;color:#fff;letter-spacing:.05em;width:100%;box-sizing:border-box;border-radius:12px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.1);border:none;cursor:pointer;font-size:.875rem;transition:opacity .2s,transform .15s}.auth-button:hover{opacity:.85;transform:translateY(-1px)}.auth-button:disabled{opacity:.5;cursor:default;transform:none}.sso-button{display:flex;flex-direction:row;align-items:center;justify-self:center;gap:12px;width:127.19px;padding:4px 0;max-width:320px;background:none;border:none;cursor:pointer}.sso-icon{width:20px;height:20px}.sso-label{font-weight:400;color:#838383;direction:ltr}.or-divider{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:23px;width:100%;height:-moz-fit-content;height:fit-content;margin:clamp(4px,1vh,20px) 0}.or-line{flex-grow:1;height:.5px;background-color:#9d9d9d;max-width:250px}.or-text{font-family:Assistant;font-weight:400;line-height:140%;text-align:center;letter-spacing:.02em;color:#9d9d9d;font-size:1rem}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.auth-page-root{flex-direction:column;height:100dvh;height:100vh}.auth-side-panel{display:none}.auth-main-content{max-width:100%;padding:0 8px}.auth-container{width:100%}.sso-buttons-container{padding-left:0;padding-right:0}.auth-button,.auth-form-inputs,.phone-input-wrapper,.sso-button-box{max-width:100%}.mfa-inner{margin:0 16px}.mfa-code-input{width:40px;height:40px;font-size:1rem}.mfa-code-inputs{gap:8px}}@media (max-width:400px){.mfa-code-input{width:36px;height:36px;font-size:.95rem}.mfa-code-inputs{gap:6px}}.phone-input-wrapper{display:flex;flex-direction:row;align-items:stretch;width:100%;box-sizing:border-box;border:3px solid #ededed;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);overflow:visible;background:inherit;transition:border-color .2s;position:relative}.phone-input-wrapper:focus-within{border-color:var(--auth-button-bg,var(--brand-blue))}.phone-input-dropdown{position:relative;display:flex;align-items:stretch}.phone-input-trigger{display:flex;align-items:center;gap:6px;padding:clamp(8px,1.2vh,14px) 10px;background:#f8f9fb;border:none;border-right:2px solid #ededed;border-radius:9px 0 0 9px;cursor:pointer;transition:background .15s;white-space:nowrap}.phone-input-trigger:hover{background:#eef3fb}.phone-input-flag{display:flex;align-items:center;border-radius:2px;overflow:hidden;line-height:0}.phone-input-flag svg{border-radius:2px;box-shadow:0 0 0 .5px rgba(0,0,0,.08)}.phone-input-dial{font-size:.8rem;font-weight:500;color:#374151;letter-spacing:.2px}.phone-input-chevron{color:#9ca3af;transition:transform .2s;flex-shrink:0}.phone-input-trigger[aria-expanded=true] .phone-input-chevron{transform:rotate(180deg)}.phone-input-options{position:absolute;top:calc(100% + 6px);left:0;z-index:50;list-style:none;margin:0;padding:6px 0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.06);min-width:160px;max-height:220px;overflow-y:auto;animation:phoneDropIn .15s ease-out}@keyframes phoneDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.phone-input-option{display:flex;align-items:center;gap:10px;padding:9px 14px;cursor:pointer;transition:background .12s}.phone-input-option:hover{background:#f3f6fc}.phone-input-option--selected{background:#eef3fb}.phone-input-option-dial{font-size:.82rem;font-weight:500;color:#374151}.phone-input-option-code{font-size:.75rem;color:#9ca3af;margin-left:auto}.phone-input-number{flex:1;border:none;outline:none;padding:clamp(8px,1.2vh,14px) 12px;font-size:.875rem;min-width:0;background:inherit;color:inherit;direction:ltr;letter-spacing:.5px;border-radius:0 9px 9px 0}.phone-input-number::-moz-placeholder{color:#9ca3af}.phone-input-number::placeholder{color:#9ca3af}