/* Sparkle icon pulsing/glowing + smooth tilt animation */
@keyframes sparkle-pulse-tilt {

    0%,
    100% {
        transform: scale(1) rotateZ(0deg) rotateY(0deg);
        filter: drop-shadow(0 0 3px rgba(59, 130, 246, 0.5)) drop-shadow(0 0 6px rgba(34, 211, 238, 0.3));
    }

    25% {
        transform: scale(1.03) rotateZ(3deg) rotateY(-5deg);
        filter: drop-shadow(0 0 6px rgba(59, 130, 246, 0.7)) drop-shadow(0 0 12px rgba(34, 211, 238, 0.5));
    }

    50% {
        transform: scale(1.06) rotateZ(0deg) rotateY(0deg);
        filter: drop-shadow(0 0 10px rgba(59, 130, 246, 0.9)) drop-shadow(0 0 20px rgba(34, 211, 238, 0.6));
    }

    75% {
        transform: scale(1.03) rotateZ(-3deg) rotateY(5deg);
        filter: drop-shadow(0 0 6px rgba(59, 130, 246, 0.7)) drop-shadow(0 0 12px rgba(34, 211, 238, 0.5));
    }
}

.nav-logo img[src*="sparkle"] {
    animation: sparkle-pulse-tilt 4s ease-in-out infinite;
    transform-style: preserve-3d;
}

.footer-brand img[src*="sparkle"] {
    animation: sparkle-pulse-tilt 4s ease-in-out infinite;
    transform-style: preserve-3d;
}