/* Main Cursor */
/* .cursor-main,
.cursor-trail {
    position: fixed;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 9999;
    transition: width 0.3s ease, height 0.3s ease, background 0.3s ease, transform 0.15s ease;
} */

/* Main cursor */
/* .cursor-main {
    background: linear-gradient(90deg, #3B0070, #931BFF);
    box-shadow: 0 0 10px #931BFF50, 0 0 20px #3B007080;
} */

/* Trails */
/* .cursor-trail {
    width: 15px;
    height: 15px;
    background: linear-gradient(135deg, #565574, #3B0070);
    opacity: 0.5;
    transition: all 0.15s ease;
} */

/* Hover states for interactive elements */
/* .hover-grow {
    transform: translate(-50%, -50%) scale(2);
    background: linear-gradient(90deg, #CB1725, #FF6F91) !important;
    box-shadow: 0 0 20px #FF6F9140, 0 0 30px #CB172540 !important;
} */


/* Inner circle (filled) */
.cursor-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background: linear-gradient(90deg, #3B0070, #931BFF);
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    z-index: 9999;
    transition: transform 0.25s ease, background 0.25s ease;
}

/* Outer circle (bordered) */
.cursor-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border: 2px solid #3B0070;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    z-index: 9998;
    opacity: 0.7;
    transition: transform 0.25s ease, border-color 0.25s ease, width 0.25s ease, height 0.25s ease, opacity 0.25s ease;
}

/* Hover on CTA / buttons / stats */
.cursor-hover-inner {
    transform: translate(-50%, -50%) scale(1.5);
}

.cursor-hover-outer {
    transform: translate(-50%, -50%) scale(1.8);
    /* border-color: #888888; */
    border-color: #3B0070;
    opacity: 1;
}

/* Heading hover (magnifying glass effect) */
.cursor-heading-outer {
    transform: translate(-50%, -50%) scale(2);
    border-color: #888888;
    opacity: 0.6;
}

/* Hide inner circle on heading hover */
.cursor-hide-inner {
    opacity: 0;
}