/* webprolab.ru/components/InteractiveParticles.vue */

canvas[data-v-d1afaf6c] {
  pointer-events: none;
}
.mobile-bg[data-v-d1afaf6c] {
  background:
    radial-gradient(ellipse 80% 60% at 30% 20%, rgba(245, 158, 11, 0.04) 0%, transparent 70%),
    radial-gradient(ellipse 60% 50% at 70% 80%, rgba(251, 191, 36, 0.03) 0%, transparent 60%),
    radial-gradient(ellipse 100% 60% at 50% 50%, rgba(168, 85, 247, 0.02) 0%, transparent 60%);
}

/* Лёгкое плавание для мобильных точек (только CSS — не нагружает CPU) */
.mobile-bg div[data-v-d1afaf6c] {
  animation: mobile-dot-float-d1afaf6c 6s ease-in-out infinite;
}
@keyframes mobile-dot-float-d1afaf6c {
0%, 100% {
    transform: translateY(0) translateX(0);
}
25% {
    transform: translateY(-4px) translateX(2px);
}
50% {
    transform: translateY(0px) translateX(4px);
}
75% {
    transform: translateY(4px) translateX(2px);
}
}
@media (prefers-reduced-motion: reduce) {
.mobile-bg div[data-v-d1afaf6c] {
    animation: none;
}
}