@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");.auth-container{background-color:hsla(0,0%,8%,.7);backdrop-filter:blur(10px);border-radius:24px;border:1px solid hsl(var(--border));box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1);position:relative;overflow:hidden;width:800px;max-width:100%;min-height:480px;transition:all .6s ease-in-out}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.auth-container.active .sign-in-container{transform:translateX(100%);opacity:0}.auth-container.active .sign-up-container{transform:translateX(100%);opacity:1;z-index:5;animation:show .6s}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.auth-container.active .overlay-container{transform:translateX(-100%)}.overlay{background:linear-gradient(135deg,hsl(var(--muted)) 0,hsl(var(--background)) 100%);border-left:1px solid hsl(var(--border));border-right:1px solid hsl(var(--border));color:hsl(var(--foreground));position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:transform .6s ease-in-out}.auth-container.active .overlay{transform:translateX(50%)}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translateX(0);transition:transform .6s ease-in-out}.overlay-left{transform:translateX(-20%)}.auth-container.active .overlay-left,.overlay-right{transform:translateX(0)}.overlay-right{right:0}.auth-container.active .overlay-right{transform:translateX(20%)}.input-group{width:100%;margin:8px 0;text-align:left}.auth-form-input{background-color:hsl(var(--muted));border:1px solid hsl(var(--border));padding:12px 15px;width:100%;border-radius:10px;outline:none;font-size:.9rem;color:hsl(var(--foreground));transition:all .3s ease}.auth-form-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsla(var(--primary),.2)}button.primary-auth{border-radius:10px;font-size:14px;font-weight:600;padding:12px 0;width:100%;letter-spacing:.5px;margin-top:1rem}button.ghost,button.primary-auth{transition:all .3s ease;cursor:pointer}button.ghost{background-color:transparent;border:1px solid hsl(var(--foreground));color:hsl(var(--foreground));padding:10px 40px;border-radius:10px;font-size:12px;font-weight:700;margin-top:1.5rem}button.ghost:hover{background-color:hsla(var(--foreground),.1)}.mobile-toggle{display:none}@media (max-width:768px){.auth-container{width:95%;min-height:auto;background-color:transparent;box-shadow:none;border:none;backdrop-filter:none}.overlay-container{display:none}.form-container{position:relative;width:100%;transform:none!important;opacity:1!important;z-index:1!important;background-color:hsla(0,0%,8%,.7);backdrop-filter:blur(10px);border:1px solid hsl(var(--border));border-radius:20px;box-shadow:0 20px 25px -5px rgba(0,0,0,.2);margin-bottom:1.5rem}.auth-container.active .sign-in-container,.auth-container:not(.active) .sign-up-container{display:none}.mobile-toggle{display:block!important}}