:root{--steel-blue:#6fa8be;--sky-reflection:#74acc4;--pale-sky:#cde9f9;--sky-blue-light:#95c1d7;--slate-200:#e2e8f0;--slate-300:#cbd5e1}.test-login-wrapper{background:linear-gradient(to bottom right,#cde9f9,#fff,#cde9f9);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-container{background-color:#fff;border-radius:1.5rem;width:100%;max-width:1152px;height:auto;min-height:700px;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.overlay-panel{z-index:10;background:linear-gradient(135deg,#74acc4,#6fa8be);justify-content:center;align-items:center;width:50%;height:100%;display:flex;position:absolute;top:0;left:0}.overlay-panel-text{color:#fff;text-align:center;padding:3rem 2rem}.text-container{padding:3rem 2rem}.brand-input:focus{border-color:var(--steel-blue)!important;box-shadow:inset 0 0 0 1px var(--steel-blue)!important}.auth-input{outline:none;transition:all .3s}.auth-input:focus{border-color:var(--steel-blue);box-shadow:0 0 0 3px #6fa8be1a}.brand-button{background-color:var(--sky-reflection);color:#fff;transition:all .3s}.brand-button:hover{background-color:var(--steel-blue)}.brand-button:disabled{background-color:var(--slate-300);color:#94a3b8}.brand-text-link{color:var(--steel-blue);text-decoration:none;transition:color .2s}.brand-text-link:hover{color:#5a8ca8}.brand-icon{color:var(--sky-reflection)}.brand-icon-steel{color:var(--steel-blue)}.brand-gradient{background:linear-gradient(135deg,var(--sky-reflection),var(--steel-blue))}.loading-spinner{border-bottom:2px solid var(--steel-blue);border-radius:50%;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.upload-icon{color:var(--sky-reflection)}.document-upload{border-color:var(--slate-300);transition:all .2s}.document-upload:hover{border-color:var(--sky-reflection)}.verification-step{border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:500;display:flex}.verification-step-active{color:#1e293b;background-color:#0000}.verification-step-inactive{color:#64748b;background-color:#e2e8f0}.verification-step-line{width:3rem;height:.125rem;margin:0 .5rem;transition:background-color .2s}.verification-step-line-active{background-color:var(--sky-reflection)}.verification-step-line-inactive{background-color:#e2e8f0}.check-icon{color:var(--steel-blue)}.user-switcher-active{color:var(--steel-blue)!important}@media (max-width:1024px){.test-login-wrapper{align-items:stretch;padding:0}.auth-container{border-radius:0;flex-direction:column;height:auto;min-height:100dvh;display:flex;overflow-y:auto}.overlay-panel{z-index:10;flex-shrink:0;min-height:220px;width:100%!important;height:auto!important;position:relative!important;transform:none!important}.auth-content{flex-shrink:0;width:100%!important;height:auto!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;overflow:visible!important;transform:none!important}.auth-content[style*="visibility: hidden"],.auth-content[style*=visibility\:hidden]{display:none!important}.form-container{padding:1.5rem 1.25rem 2rem!important}.user-switcher{margin-bottom:1rem;position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}}@media (max-width:768px){.auth-container{box-shadow:none;border-radius:0;margin:0}.overlay-panel{min-height:200px;padding:1.25rem 1rem}.overlay-panel .text-container{padding:1rem}.overlay-panel h2{margin-bottom:.5rem;font-size:1.625rem}.overlay-panel p{margin-bottom:1rem;font-size:.875rem}.overlay-panel .icon,.overlay-panel svg.w-16{width:2.5rem!important;height:2.5rem!important;margin-bottom:.5rem!important}.form-container{padding:1.25rem 1rem 2rem!important}.space-y-4>*+*{margin-top:.875rem}.space-y-3>*+*{margin-top:.75rem}}@media (max-width:640px){.overlay-panel{min-height:180px}.overlay-panel h2{margin-bottom:.375rem;font-size:1.375rem}.overlay-panel .icon{width:2rem!important;height:2rem!important}.form-container{padding:1rem .875rem 1.5rem!important}.grid-cols-2{grid-template-columns:1fr!important}button{font-size:.875rem}}@media (max-width:480px){.overlay-panel{min-height:160px}.overlay-panel h2{font-size:1.25rem}.form-container{padding:1rem .75rem 1.5rem!important}.form-section-title{font-size:.9375rem}input,select,button{min-height:42px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.auth-container{padding-bottom:env(safe-area-inset-bottom)}@media (max-width:1024px){.test-login-wrapper{padding-bottom:env(safe-area-inset-bottom)}}}
