.cursor {position: fixed; top: 0; left: 0; width: 20px; height: 20px; background-color: red; border-radius: 50%;}
.cursor {pointer-events: none; mix-blend-mode: difference; transition: all 0.1s ease; z-index: 9999;}
.cursor {box-shadow: 0 0 10px rgba(255, 0, 0, 0.8), 0 0 20px rgba(255, 0, 0, 0.5); animation: glowPulse 1.5s infinite ease-in-out;}
.cursor.active {width: 30px; height: 30px;}

@keyframes glowPulse {
    0% {box-shadow: 0 0 8px rgba(255, 0, 0, 0.5), 0 0 15px rgba(255, 0, 0, 0.3);}
    50% {box-shadow: 0 0 20px rgba(255, 0, 0, 1), 0 0 35px rgba(255, 0, 0, 0.6);}
    100% {box-shadow: 0 0 8px rgba(255, 0, 0, 0.5), 0 0 15px rgba(255, 0, 0, 0.3);}
}


@media screen and (max-width: 1024px) {
    .cursor {display: none;}
}