.login-signup-container{background-color:#fff;max-width:500px;min-height:calc(100vh - 300px);margin:0 auto;padding:3rem 2rem;transition:background-color .3s}.toggle-section{justify-content:center;margin-bottom:1.5rem;display:flex}.toggle-container{background-color:#f0f0f0;border-radius:30px;width:100%;max-width:350px;padding:4px;transition:background-color .3s;display:flex}.toggle-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:25px;flex:1;padding:10px 20px;font-weight:600;transition:all .3s}.toggle-btn.active{color:#fff;background:#639}.toggle-btn:hover:not(.active){background-color:#6633991a}.form-container{margin-top:2rem}.dark .login-signup-container{background:#0f172a}.dark .toggle-container{background-color:#374151}.dark .toggle-btn{color:#d1d5db}.dark .toggle-btn:not(.active){color:#9ca3af}.dark .toggle-btn.active{color:#fff;background:#639}.dark .toggle-btn:hover:not(.active){background-color:#6393}@media (max-width:768px){.login-signup-container{padding:2rem 1rem}.toggle-container{max-width:300px}.toggle-btn{padding:8px 16px;font-size:.9rem}}