/* Custom cursor dot */
        .cursor-dot {
            position: fixed;
            top: 0;
            left: 0;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: white;
            mix-blend-mode: difference;
            pointer-events: none;
            transform: translate(-50%, -50%);
            transition: width 0.2s, height 0.2s, background-color 0.2s;
            z-index: 99999;
        }
        
        /* Hide on mobile devices where touch is primary */
        @media (max-width: 768px) {
            .cursor-dot {
                display: none !important;
            }
        }