/* ═════════════════════════════════════════════════════════════
   🌌 ICÔNES SVG ULTRA-FUTURISTES JAMAIS VUES
   Novilisya Solution - Design révolutionnaire
   ═════════════════════════════════════════════════════════════ */

.icon-svg-solution {
    width: 80px;
    height: 80px;
    filter: drop-shadow(0 0 15px rgba(139, 92, 246, 0.6))
            drop-shadow(0 0 30px rgba(6, 182, 212, 0.4));
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.solution-card:hover .icon-svg-solution {
    transform: scale(1.15) rotateY(15deg);
    filter: drop-shadow(0 0 25px rgba(139, 92, 246, 0.9))
            drop-shadow(0 0 50px rgba(6, 182, 212, 0.7))
            drop-shadow(0 0 80px rgba(251, 191, 36, 0.5));
}

/* Animation des icônes SVG */
.icon-svg-solution * {
    transition: all 0.3s ease;
}

/* Animation pulse pour les cercles */
@keyframes quantum-pulse {
    0%, 100% { 
        opacity: 1;
        transform: scale(1);
    }
    50% { 
        opacity: 0.6;
        transform: scale(1.05);
    }
}

/* Animation rotation pour les formes */
@keyframes quantum-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Animation glow pulsing */
@keyframes quantum-glow {
    0%, 100% { 
        filter: drop-shadow(0 0 8px currentColor);
    }
    50% { 
        filter: drop-shadow(0 0 20px currentColor);
    }
}

/* Animation ligne de scan */
@keyframes quantum-scan {
    0% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -200; }
}

/* Animation orbite */
@keyframes quantum-orbit {
    0% { 
        transform: rotate(0deg) translateX(15px) rotate(0deg);
    }
    100% { 
        transform: rotate(360deg) translateX(15px) rotate(-360deg);
    }
}

/* Effet holographique sur les paths */
.icon-svg-solution path,
.icon-svg-solution line,
.icon-svg-solution circle,
.icon-svg-solution polygon,
.icon-svg-solution rect {
    stroke-dasharray: 100;
    animation: quantum-scan 3s linear infinite;
}

/* Effet de pulsation sur les icônes */
.solution-card .icon-svg-solution circle[class*="pulse"] {
    animation: quantum-pulse 2s ease-in-out infinite;
}

/* Rotation des formes géométriques */
.solution-card .icon-svg-solution polygon[class*="rotate"],
.solution-card .icon-svg-solution g[class*="rotate"] {
    transform-origin: center;
    animation: quantum-rotate 8s linear infinite;
}

/* Gradient animé pour les defs */
@keyframes quantum-gradient {
    0% { stop-color: #8B5CF6; }
    33% { stop-color: #06B6D4; }
    66% { stop-color: #FBBF24; }
    100% { stop-color: #8B5CF6; }
}