.cursor {
position: fixed;
width: 18px;
height: 18px;
border: 2px solid #4f46e5;
border-radius: 50%;
pointer-events: none;
transform: translate(-50%, -50%);
transition: transform 0.1s ease;
z-index: 9999;
}
.cursor.bubble {
transform: translate(-50%, -50%) scale(1.4);
background: rgba(79, 70, 229, 0.2);
}


/* Bubble effect */
.click-bubble {
position: fixed;
width: 10px;
height: 10px;
background: rgba(99, 102, 241, 0.5);
border-radius: 50%;
transform: translate(-50%, -50%) scale(1);
animation: bubbleFade 0.6s ease-out forwards;
pointer-events: none;
z-index: 9999;
}


.click-bubble.big {
width: 20px;
height: 20px;
background: rgba(79, 70, 229, 0.6);
}