/* Home Page Custom Animations & Effects */

/* Mesh Pattern Animation */
@keyframes meshPulse {

    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.5;
    }
}

/* Floating Animation for Hero Elements */
@keyframes floatSlow {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) rotate(3deg);
    }
}

/* Gradient Shift Animation */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* Card Hover Glow Effect */
.sc-card-glow {
    position: relative;
    overflow: hidden;
}

.sc-card-glow::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(251, 191, 36, 0.1) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.sc-card-glow:hover::before {
    opacity: 1;
}

/* Mesh Background Enhancement */
.mesh-enhanced {
    background-image:
        linear-gradient(rgba(29, 78, 216, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(29, 78, 216, 0.05) 1px, transparent 1px);
    background-size: 50px 50px;
    animation: meshPulse 4s ease-in-out infinite;
}

/* Hero Logo Bounce */
.animate-bounce-slow {
    animation: floatSlow 6s ease-in-out infinite;
}

/* Shimmer Effect for Buttons */
@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }

    100% {
        background-position: 1000px 0;
    }
}

.sc-btn-shimmer {
    background-image: linear-gradient(90deg,
            transparent 0%,
            rgba(255, 255, 255, 0.3) 50%,
            transparent 100%);
    background-size: 1000px 100%;
    animation: shimmer 3s infinite;
}

/* Particle Effect Container */
.particle-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

/* 3D Transform for Cards */
.card-3d {
    transform-style: preserve-3d;
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.card-3d:hover {
    transform: perspective(1000px) rotateY(5deg) rotateX(-5deg) translateZ(20px);
}

/* Glowing Border Animation */
@keyframes glowBorder {

    0%,
    100% {
        box-shadow: 0 0 20px rgba(251, 191, 36, 0.3);
    }

    50% {
        box-shadow: 0 0 40px rgba(251, 191, 36, 0.6);
    }
}

.glow-border-animated {
    animation: glowBorder 2s ease-in-out infinite;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .animate-bounce-slow {
        animation-duration: 4s;
    }

    .card-3d:hover {
        transform: perspective(1000px) translateZ(10px);
    }
}