document.addEventListener('DOMContentLoaded', () => {
    // Add some undefined magic to the page
    const elements = document.querySelectorAll('div, p, h1, h2, h3');
    
    elements.forEach(el => {
        el.addEventListener('mouseenter', () => {
            el.classList.add('undefined-highlight');
        });
        
        el.addEventListener('mouseleave', () => {
            el.classList.remove('undefined-highlight');
        });
    });

    // Console log for fun
    console.log('%c⚠️ Warning: This page contains undefined variables! ⚠️', 
        'color: #f472b6; font-size: 16px; font-weight: bold;');
    console.log('%cBut that just makes it more exciting!', 
        'color: #a78bfa; font-size: 14px;');
});