script.js

document.addEventListener('DOMContentLoaded', () => {

    // Select both the spotlight and the new custom cursor
    const spotlight = document.querySelector('.spotlight');
    const customCursor = document.querySelector('.custom-cursor');

    // The event listener now updates BOTH elements
    document.addEventListener('mousemove', (e) => {
        // Get mouse coordinates
        const mouseX = e.clientX;
        const mouseY = e.clientY;

        // Update the position for both elements
        spotlight.style.left = `${mouseX}px`;
        spotlight.style.top = `${mouseY}px`;
        
        customCursor.style.left = `${mouseX}px`;
        customCursor.style.top = `${mouseY}px`;
    });
});