/* Neon Basketball Cursor Styles */

/* Custom Basketball Cursor */
body,
body * {
    cursor: url('https://storage.googleapis.com/ai-prod-elementor/images/6cbaec05-3667-4a20-9daa-59a428ff1f6f.png?X-Goog-Algorithm=GOOG4-RSA-SHA256&X-Goog-Credential=elementor-ai-api-prod%40elementor-ai.iam.gserviceaccount.com%2F20260415%2Fauto%2Fstorage%2Fgoog4_request&X-Goog-Date=20260415T040752Z&X-Goog-Expires=604800&X-Goog-SignedHeaders=host&X-Goog-Signature=4cea40ef4d488217d24163c9e328213c4b14b3e09e7554dd2b66ebfd85c2c1ec755897bab1299ed793c111b21f7edc4c1c1e59b47cc003136bb99c83634cb96115359d7c5bb854b48c6794197844633cfd1ba63a5dcb4f409585b284857b341863d8fa7f4044af3bf520009b220b9c6ca6ae5e0da7f514b14f114fa13877b061b02c35b695ba3f1250f98bb2211e4fcabdaf8ef4e9ae7d43d0213fdd6286c0a93157f1d35a82dccd0997c3af0fdb264f5bb582712ac3239db07e9fb4e870526553201d250d47678050e00e5ba0ba5ac1dec30409c0cc96da0ba429ede770fa6474357971d45e9744956387c87321b0286ff97274404697210510fec7256c2d61') 16 16, auto !important;
}

a,
button,
.elementor-button,
[role="button"] {
    cursor: url('https://storage.googleapis.com/ai-prod-elementor/images/6cbaec05-3667-4a20-9daa-59a428ff1f6f.png?X-Goog-Algorithm=GOOG4-RSA-SHA256&X-Goog-Credential=elementor-ai-api-prod%40elementor-ai.iam.gserviceaccount.com%2F20260415%2Fauto%2Fstorage%2Fgoog4_request&X-Goog-Date=20260415T040752Z&X-Goog-Expires=604800&X-Goog-SignedHeaders=host&X-Goog-Signature=4cea40ef4d488217d24163c9e328213c4b14b3e09e7554dd2b66ebfd85c2c1ec755897bab1299ed793c111b21f7edc4c1c1e59b47cc003136bb99c83634cb96115359d7c5bb854b48c6794197844633cfd1ba63a5dcb4f409585b284857b341863d8fa7f4044af3bf520009b220b9c6ca6ae5e0da7f514b14f114fa13877b061b02c35b695ba3f1250f98bb2211e4fcabdaf8ef4e9ae7d43d0213fdd6286c0a93157f1d35a82dccd0997c3af0fdb264f5bb582712ac3239db07e9fb4e870526553201d250d47678050e00e5ba0ba5ac1dec30409c0cc96da0ba429ede770fa6474357971d45e9744956387c87321b0286ff97274404697210510fec7256c2d61') 16 16, pointer !important;
}

/* Animated Neon Background */
@keyframes neonGradientMove {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

@keyframes floatingParticles {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translate(100vw, -100vh) scale(0.5);
        opacity: 0;
    }
}

@keyframes glowPulse {
    0%, 100% {
        box-shadow: 0 0 20px rgba(0, 217, 255, 0.3),
                    0 0 40px rgba(0, 217, 255, 0.2),
                    0 0 60px rgba(0, 217, 255, 0.1);
    }
    50% {
        box-shadow: 0 0 30px rgba(0, 217, 255, 0.5),
                    0 0 60px rgba(0, 217, 255, 0.3),
                    0 0 90px rgba(0, 217, 255, 0.2);
    }
}

/* Apply to hero section */
.elementor-element-937c24e {
    background: linear-gradient(
        135deg,
        #0A1628 0%,
        #0d1f3a 25%,
        #00D9FF 50%,
        #00FFFF 75%,
        #0A1628 100%
    ) !important;
    background-size: 400% 400% !important;
    animation: neonGradientMove 15s ease infinite !important;
    position: relative !important;
}

/* Floating particles effect */
.elementor-element-937c24e::before,
.elementor-element-937c24e::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #00D9FF;
    border-radius: 50%;
    animation: floatingParticles 20s linear infinite, glowPulse 2s ease-in-out infinite;
    pointer-events: none;
}

.elementor-element-937c24e::before {
    top: 20%;
    left: 10%;
    animation-delay: 0s;
}

.elementor-element-937c24e::after {
    top: 60%;
    left: 80%;
    animation-delay: 5s;
    background: #00FFFF;
}

/* Additional glow effects for headings */
.elementor-element-937c24e h1,
.elementor-element-937c24e h2 {
    text-shadow: 0 0 30px rgba(0, 217, 255, 0.5),
                 0 0 60px rgba(0, 217, 255, 0.3),
                 0 0 90px rgba(0, 217, 255, 0.1) !important;
}

/* Button hover glow */
.elementor-element-937c24e .elementor-button:hover {
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.6),
                0 0 40px rgba(0, 255, 255, 0.4),
                0 0 60px rgba(0, 255, 255, 0.2) !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}