.login-signup-container{padding:3rem 2rem;max-width:500px;margin:0 auto;min-height:calc(100vh - 300px);background-color:white;transition:background-color .3s ease}.toggle-section{display:flex;justify-content:center;margin-bottom:1.5rem}.toggle-container{display:flex;background-color:#f0f0f0;border-radius:30px;padding:4px;width:100%;max-width:350px;transition:background-color .3s ease}.toggle-btn{flex:1;padding:10px 20px;border-radius:25px;border:none;background:transparent;color:#666;font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-btn.active{background:#663399;color:white}.toggle-btn:hover:not(.active){background-color:rgba(102,51,153,.1)}.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{background:#663399;color:white}.dark .toggle-btn:hover:not(.active){background-color:rgba(102,51,153,.2)}@media (max-width:768px){.login-signup-container{padding:2rem 1rem}.toggle-container{max-width:300px}.toggle-btn{padding:8px 16px;font-size:.9rem}}