.auth-wrapper{z-index:10;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex;position:relative}.back-home{color:var(--text-dark);transition:color var(--transition-fast), transform var(--transition-fast);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex;position:absolute;top:30px;left:40px}.back-home svg{width:20px;height:20px}.back-home:hover{color:var(--primary-red);transform:translate(-4px)}.auth-container{background-color:var(--card-bg);-webkit-backdrop-filter:blur(20px);border-radius:24px;width:900px;max-width:100%;min-height:550px;animation:.5s cubic-bezier(.16,1,.3,1) forwards scaleIn;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #0000001a,inset 0 0 0 1px #ffffff80}.form-container{justify-content:center;align-items:center;height:100%;padding:0 50px;transition:all .6s ease-in-out;display:flex;position:absolute;top:0}.sign-in-container{z-index:2;width:50%;left:0}.auth-container.right-panel-active .sign-in-container{opacity:0;transform:translate(100%)}.sign-up-container{opacity:0;z-index:1;width:50%;left:0}.auth-container.right-panel-active .sign-up-container{opacity:1;z-index:5;animation:.6s show;transform:translate(100%)}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}form{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.form-logo{margin-bottom:20px}.form-logo img{object-fit:cover;border-radius:50%;width:50px;height:50px;box-shadow:0 4px 10px #0000001a}form h2{color:var(--text-dark);letter-spacing:-.5px;margin-bottom:8px;font-size:2rem;font-weight:800}form .subtitle{color:var(--text-light);margin-bottom:24px;font-size:.95rem}.social-container{gap:12px;margin-bottom:20px;display:flex}.social{width:44px;height:44px;transition:transform var(--transition-fast), background-color var(--transition-fast);background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;display:flex}.social:hover{background-color:#e2e8f0;transform:translateY(-2px)}.social svg{width:20px;height:20px}.divider{color:#94a3b8;width:100%;margin-bottom:20px;font-size:.85rem;position:relative}.divider:before,.divider:after{content:"";background-color:#e2e8f0;width:25%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.input-group{width:100%;margin-bottom:16px;position:relative}.input-group svg{color:#94a3b8;pointer-events:none;width:20px;height:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-group input{width:100%;color:var(--text-dark);transition:all var(--transition-fast);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px 16px 14px 44px;font-family:Inter,sans-serif;font-size:.95rem}.input-group input:focus{border-color:var(--primary-red);background-color:#fff;outline:none;box-shadow:0 0 0 3px #e600121a}.forgot-pass{color:var(--primary-red);align-self:flex-end;margin-bottom:24px;font-size:.85rem;font-weight:500;text-decoration:none}.forgot-pass:hover{text-decoration:underline}.auth-btn{width:100%;margin-top:8px;padding:14px;font-size:1rem}.mobile-toggle{color:var(--text-light);margin-top:24px;font-size:.9rem;display:none}.mobile-toggle a{color:var(--primary-red);font-weight:600;text-decoration:none}.overlay-container{z-index:100;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.auth-container.right-panel-active .overlay-container{transform:translate(-100%)}.overlay{background:linear-gradient(135deg, var(--primary-red) 0%, #ff4d4d 100%);color:#fff;background-position:0 0;background-repeat:no-repeat;background-size:cover;width:200%;height:100%;transition:transform .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.auth-container.right-panel-active .overlay{transform:translate(50%)}.overlay-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 50px;transition:transform .6s ease-in-out;display:flex;position:absolute;top:0;transform:translate(0)}.overlay-left{transform:translate(-20%)}.auth-container.right-panel-active .overlay-left{transform:translate(0)}.overlay-right{right:0;transform:translate(0)}.auth-container.right-panel-active .overlay-right{transform:translate(20%)}.overlay-panel h2{letter-spacing:-.5px;margin-bottom:16px;font-size:2.2rem;font-weight:800}.overlay-panel p{opacity:.9;margin-bottom:32px;font-size:1.05rem;font-weight:400;line-height:1.6}.overlay-btn{color:#fff;border-color:#ffffff80;border-radius:100px;padding:12px 32px}.overlay-btn:hover{color:var(--primary-red);background-color:#fff}.overlay-graphic{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.circle-sm,.circle-md{background:#ffffff1a;border-radius:50%;position:absolute}.circle-sm{width:150px;height:150px;top:-30px;left:-30px}.circle-md{width:300px;height:300px;bottom:-100px;right:-50px}.circle-sm.right{inset:auto -30px -30px auto}.circle-md.right{inset:-100px auto auto -50px}@media (max-width:768px){.auth-container{min-height:auto;padding:40px 0}.form-container{width:100%;padding:0 30px}.sign-in-container{position:relative}.sign-up-container{opacity:1;z-index:5;display:none;position:relative}.overlay-container{display:none}.mobile-toggle{display:block}.auth-container.right-panel-active .sign-in-container{display:none}.auth-container.right-panel-active .sign-up-container{display:flex;transform:none}}