<svg>
    <defs>
    <filter id="neon">
                            <feGaussianBlur stdDeviation="2" result="blurred" />
                            <feMerge>
                                <feMergeNode in="blurred" />
                                <feMergeNode in="SourceGraphic" />
                            </feMerge>
                        </filter>
                                <!-- Dégradé radial animé pour l'effet néon -->
                                <radialGradient id="radial-neon" cx="50%" cy="50%" r="50%">
                                <stop offset="0%" stop-color="red">
                                    <animate attributeName="stop-color" values="red;#ff3300;#ff0000;red" dur="3s" repeatCount="indefinite" />
                                </stop>
                                <stop offset="40%" stop-color="#ff6600">
                                    <animate attributeName="stop-color" values="#ff6600;#ff3300;#ff0000;#ff6600" dur="3s" repeatCount="indefinite" />
                                </stop>
                                <stop offset="70%" stop-color="red">
                                <animate attributeName="stop-color" values="red;#ff3300;#ff0000;red" dur="3s" repeatCount="indefinite" />
                            </stop>
                                <stop offset="90%" stop-color="#ffcc00"> 
                                    <animate attributeName="stop-color" values="#ffcc00;#ff9900;#ff6600;#ffcc00" dur="3s" repeatCount="indefinite" />
                                </stop>
                                <stop offset="100%" stop-color="red">
                                    <animate attributeName="stop-color" values="red;#ff3300;#ff0000;red" dur="3s" repeatCount="indefinite" />
                                </stop>
                            </radialGradient>
                            
                        <!-- Dégradé animé -->
                        <linearGradient id="gradient-neon" x1="0%" y1="50%" x2="100%" y2="50%">
                            <stop offset="0%" stop-color="orange">
                                <animate attributeName="stop-color" values="orange;yellow;red;orange" dur="3s" repeatCount="indefinite" />
                            </stop>
                            <stop offset="50%" stop-color="yellow">
                                <animate attributeName="stop-color" values="yellow;red;orange;yellow" dur="3s" repeatCount="indefinite" />
                            </stop>
                            <stop offset="100%" stop-color="red">
                                <animate attributeName="stop-color" values="red;orange;yellow;red" dur="3s" repeatCount="indefinite" />
                            </stop>
                        </linearGradient>
                        <!-- Filtre pour l'effet néon (Glow) -->
        <filter id="neon-glow">
            <feGaussianBlur stdDeviation="0.5" result="blurred" />
            <feMerge>
                <feMergeNode in="blurred" />
                <feMergeNode in="SourceGraphic" />
            </feMerge>
        </filter>
        <filter id="blur-bg" x="-50%" y="-50%" width="200%" height="200%">
            <feGaussianBlur stdDeviation="0.5" />
        </filter>
        <filter id="blur-bg-1" x="-50%" y="-50%" width="200%" height="200%">
            <feGaussianBlur stdDeviation="1" />
        </filter>
        <filter id="blur-bg-2" x="-50%" y="-50%" width="200%" height="200%">
            <feGaussianBlur stdDeviation="2" />
        </filter>
        <filter id="blur-bg-3" x="-50%" y="-50%" width="200%" height="200%">
        <feGaussianBlur stdDeviation="3" />
    </filter>

    <radialGradient id="radial-gold-black" cx="50%" cy="50%" r="50%">
    <stop offset="0%" stop-color="#333" />
    <stop offset="100%" stop-color="black" />
</radialGradient>

<g class="circles">
    <circle cx="520" cy="260" r="2" fill="#333" filter="url(#blur-bg)"/>
    <circle cx="0" cy="260" r="2" fill="whitesmoke" filter="url(#blur-bg)"/>
    <circle cx="450" cy="260" r="2" fill="#fcf6b6" filter="url(#blur-bg)"/>
    <circle cx="50" cy="260" r="2" fill="#fcf6b6" filter="url(#blur-bg)"/>
    <circle cx="430" cy="260" r="2" fill="brown" filter="url(#blur-bg)"/>
    <circle cx="70" cy="260" r="2" fill="purple" filter="url(#blur-bg)"/>
    <circle cx="410" cy="260" r="2" fill="brown" filter="url(#blur-bg)"/>
    <circle cx="90" cy="260" r="2" fill="red" filter="url(#blur-bg)"/>
    <circle cx="390" cy="260" r="2" fill="url(#radial-neon)" filter="url(#blur-bg)"/>
    <circle cx="110" cy="260" r="2" fill="url(#radial-neon)" filter="url(#blur-bg)"/>
    <circle cx="370" cy="260" r="2" fill="yellow" filter="url(#blur-bg)"/>
    <circle cx="130" cy="260" r="2" fill="purple" filter="url(#blur-bg)"/>
    <circle cx="350" cy="260" r="2" fill="#fcf6b6" filter="url(#blur-bg)"/>
    <circle cx="150" cy="260" r="2" fill="#fcf6b6" filter="url(#blur-bg)"/>
    <circle cx="330" cy="260" r="2" fill="orange" filter="url(#blur-bg)"/>
    <circle cx="170" cy="260" r="2" fill="yellow" filter="url(#blur-bg)"/>
    <circle cx="310" cy="260" r="2" fill="orange" filter="url(#blur-bg)"/>
    <circle cx="190" cy="260" r="2" fill="yellow" filter="url(#blur-bg)"/>
    <circle cx="290" cy="260" r="2" fill="url(#radial-neon)" filter="url(#blur-bg)"/>
    <circle cx="210" cy="260" r="2" fill="red" filter="url(#blur-bg)"/>
</g>

            </defs>
</svg>