/* Custom Cursor Circle Styles */
.custom-cursor-circle-0ba5b17f {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    
    /* Strong Gaussian blur on the red background, 45% opacity */
    background-color: rgba(255, 0, 0, 0.45); 
    filter: blur(6px);
    
    /* Additional smooth glow fallback to avoid sharp edges */
    box-shadow: 0 0 12px rgba(255, 0, 0, 0.45);
    
    position: fixed;
    top: 0;
    left: 0;
    
    /* Use translate3d to avoid layout thrashing and keep positioning sub-pixel perfect */
    transform: translate3d(0, 0, 0) translate(-50%, -50%);
    
    pointer-events: none; /* Make sure it doesn't interfere with clicks */
    z-index: 999999; /* Always on top */
    opacity: 0; /* Hidden by default until mouse moves */
    will-change: transform;
    
    /* Ensure hardware acceleration for absolutely no delays */
    backface-visibility: hidden;
}

/* Hide default OS/Browser cursor globally on desktop/desktop-like devices */
@media (hover: hover) and (pointer: fine) {
    html, body, a, button, [role="button"], input, select, textarea {
        cursor: none !important;
    }
}

/* Hide custom cursor on touch devices */
@media (hover: none) and (pointer: coarse) {
    .custom-cursor-circle-0ba5b17f {
        display: none !important;
    }
}