    </main>
    </div>
    <script>
        // Custom interactive effects
        document.querySelectorAll('.nav-link').forEach(link => {
            link.addEventListener('click', function() {
                document.querySelector('.nav-link.active')?.classList.remove('active');
                this.classList.add('active');
            });
        });
    </script>
</body>
</html>
