
        // Enhanced tab switching functionality
        document.querySelectorAll('.tab').forEach(tab => {
            tab.addEventListener('click', () => {
                // Update tab styles
                document.querySelector('.tab.active').classList.remove('active');
                tab.classList.add('active');

                // Show corresponding form
                const formId = tab.getAttribute('data-form');
                document.querySelectorAll('.login-form').forEach(form => {
                    form.classList.remove('active');
                });
                document.getElementById(`${formId}-form`).classList.add('active');
            });
        });

        // Close button functionality
        document.querySelector('.close-btn').addEventListener('click', () => {
            console.log('Close button clicked');
        });
    