.nav-expansion-expandable{transition:width .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out!important}.nav-expansion-icon-wrapper{flex:0 0 auto}.nav-expansion-label{transition:opacity .2s ease-in-out .1s}.auth-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:#e2e8f0;overflow:hidden;position:relative;animation:authEntranceBg .6s ease-out;transition:background-color .5s ease}.dark .auth-container{background-color:#111827}.main-wrapper{background-color:#fff;border-radius:35px;box-shadow:0 25px 50px -12px #00000040;position:relative;overflow:hidden;width:100%;max-width:850px;min-height:550px;animation:authEntranceWrapper .8s cubic-bezier(.34,1.56,.64,1)}.dark .main-wrapper{background-color:#1f2937}.forms-container{position:absolute;top:0;height:100%;width:100%}.form-box{position:absolute;top:0;height:100%;transition:all .7s ease-in-out;width:50%;display:flex;align-items:center;justify-content:center;z-index:10}.form-box form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2.5rem;height:100%;text-align:center;width:100%}.form-box h1{font-size:1.875rem;line-height:2.25rem;font-weight:700;margin-bottom:1rem}.social-container{display:flex;gap:.75rem;margin:1.5rem 0;justify-content:center;width:100%}.social-btn{border:1px solid #e2e8f0;border-radius:9999px;display:flex;align-items:center;justify-content:flex-start;height:3rem;width:3rem;padding:0 .85rem;color:#475569;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;cursor:pointer;background:transparent;position:relative;white-space:nowrap}.dark .social-btn{border-color:#374151;color:#d1d5db}.social-btn .icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;transition:transform .3s ease}.social-btn .btn-label{margin-left:.75rem;font-size:.875rem;font-weight:700;opacity:0;transform:translate(10px);transition:all .3s ease;pointer-events:none}.social-btn:hover{width:140px;border-color:transparent;color:#fff}.social-btn:hover .btn-label{opacity:1;transform:translate(0)}.social-btn:hover .icon-wrapper{transform:scale(1.1)}.social-btn.google:hover{background-color:#fff;color:#4285f4;border-color:#4285f4;box-shadow:0 4px 12px #4285f433}.dark .social-btn.google:hover{background-color:#f1f5f9}.social-btn.facebook:hover{background-color:#1877f2;box-shadow:0 4px 12px #1877f24d}.social-btn.microsoft:hover{background-color:#00a4ef;box-shadow:0 4px 12px #00a4ef4d}.social-btn.twitter:hover{background-color:#000;box-shadow:0 4px 12px #0000004d}.dark .social-btn.twitter:hover{background-color:#000;border-color:#374151}.input-group{width:100%;margin-bottom:.5rem}.input-group input{background-color:#f1f5f9;border:none;padding:.75rem 1rem;font-size:.875rem;border-radius:.5rem;width:100%;outline:none;transition:ring .2s}.dark .input-group input{background-color:#374151;color:#fff}.input-group input:focus{box-shadow:0 0 0 2px rgba(var(--color-primary-500-rgb, 99, 102, 241),.5)}.forgot-password{font-size:.75rem;color:#64748b;margin-top:.5rem;text-decoration:underline}.dark .forgot-password{color:#94a3b8}.auth-btn{background-color:var(--color-primary-600);color:#fff;font-size:.75rem;font-weight:700;padding:.75rem 2.75rem;border:1px solid transparent;border-radius:.5rem;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;transition:all .2s;cursor:pointer}.auth-btn:hover{background-color:var(--color-primary-500)}.auth-btn:active{transform:scale(.95)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn.ghost{background-color:transparent;border:2px solid white;margin-top:1rem}.auth-btn.ghost:hover{background-color:#ffffff1a}.sign-in{left:0;z-index:2}.register-active .sign-in{transform:translate(100%);opacity:0}.sign-up{left:0;width:50%;opacity:0;z-index:1}.register-active .sign-up{transform:translate(100%);opacity:1;z-index:5;animation:move .6s}@keyframes move{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.toggle-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:all .7s ease-in-out;z-index:100;border-top-left-radius:150px;border-bottom-left-radius:150px}.register-active .toggle-container{transform:translate(-100%);border-radius:0 150px 150px 0}.toggle{background:linear-gradient(to right,var(--color-primary-600),var(--color-primary-700, #4338ca));color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translate(0);transition:all .7s ease-in-out}.register-active .toggle{transform:translate(50%)}.toggle-panel{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2.5rem;height:100%;width:50%;text-align:center;transition:all .7s ease-in-out}.toggle-panel h1{font-size:1.75rem;line-height:2rem;font-weight:800;margin-bottom:.75rem;color:#fff}.toggle-panel p{font-size:1rem;line-height:1.5rem;margin-bottom:1.5rem;opacity:.9;color:#ffffffe6}.toggle-left{transform:translate(-200%)}.register-active .toggle-left{transform:translate(0)}.toggle-right{right:0;transform:translate(0)}.register-active .toggle-right{transform:translate(200%)}.animated-circle{display:none}@media(max-width:570px){.main-wrapper{min-height:90dvh;height:90dvh;border-radius:10}.toggle-container{display:none}.form-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.form-box.sign-in{padding-top:27vh}.form-box.sign-up{padding-bottom:40vh}.auth-container:not(.register-active) .sign-up{display:none}.auth-container.register-active .sign-in{display:none}.register-active .sign-up{display:block;opacity:1;transform:none;position:relative;width:100%;height:100%;animation:fadeInMobile .7s}.animated-circle{display:flex;flex-direction:column;position:absolute;background-color:var(--color-primary-600);width:150vh;height:150vh;left:50%;transform:translate(-50%);border-radius:50%;z-index:50;transition:all .7s ease-in-out;bottom:65%;justify-content:flex-end;align-items:center;color:#fff;box-shadow:0 20px 25px -5px #0003;pointer-events:auto;padding-bottom:5%}.register-active .animated-circle{bottom:-150%;justify-content:flex-start;padding-top:5%;padding-bottom:0}.circle-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;max-width:80vw;margin:0;z-index:60}.circle-content h2{font-size:1.5rem;font-weight:700;margin:0;line-height:1.2}.circle-content p{font-size:.875rem;opacity:.9}.circle-btn{padding:.5rem 1.5rem;border:2px solid white;border-radius:9999px;background:transparent;color:#fff;font-weight:700;text-transform:uppercase;cursor:pointer;transition:transform .2s}.circle-btn:active{transform:scale(.95)}@keyframes fadeInMobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@keyframes authEntranceBg{0%{opacity:0}to{opacity:1}}@keyframes authEntranceWrapper{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.input-group.relative{position:relative}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;font-size:.75rem;font-weight:700;cursor:pointer;transition:color .2s;outline:none}.password-toggle-btn:hover{color:var(--color-primary-600)}.dark .password-toggle-btn:hover{color:var(--color-primary-400)}.strength-container{width:100%;margin-top:.5rem;margin-bottom:.5rem;text-align:left}.strength-meter{display:flex;gap:4px;height:4px;width:100%;margin-bottom:.5rem}.strength-segment{flex:1;background-color:#e2e8f0;border-radius:2px;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.dark .strength-segment{background-color:#374151}.strength-segment.filled.strength-1{background-color:#ef4444}.strength-segment.filled.strength-2{background-color:#f97316}.strength-segment.filled.strength-3{background-color:#eab308}.strength-segment.filled.strength-4{background-color:#22c55e}.strength-text{font-size:.75rem;font-weight:600;margin-top:.25rem;transition:color .3s}.strength-text.strength-0{display:none}.strength-text.strength-1{color:#ef4444}.strength-text.strength-2{color:#f97316}.strength-text.strength-3{color:#eab308}.strength-text.strength-4{color:#22c55e}html{scrollbar-gutter:stable}