/* =========================
   Анимации
   ========================= */

/* PRO: пульсирующий радужный фон */
@keyframes glowPulse {
  0%, 100% { background-position: 0% 50%; opacity: 1; filter: brightness(1.1); }
  50%      { background-position: 100% 50%; opacity: 1; filter: brightness(1.3); }
}

/* BASIC: плавный сдвиг градиента (волна) */
@keyframes glowSweep {
  0%, 100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}

/* =========================
   Фоны карточек
   ========================= */

/* PRO: как было */
.bg-glow-animation {
  background: linear-gradient(270deg, #a78bfa, #f472b6, #60a5fa, #facc15, #ec4899, #8b5cf6);
  background-size: 800% 800%;
  animation: glowPulse 6s ease-in-out infinite;
  border-radius: 1rem;
  opacity: 0.9;
}

/* BASIC: сплошной оранжево-жёлтый перелив (медленнее) */
.bg-glow-orange-fill {
  background: linear-gradient(270deg, #fff3b0, #ffd166, #f4b400, #ff9800, #ffd166, #fff3b0);
  background-size: 800% 800%;
  animation: glowSweep 14s ease-in-out infinite; /* медленнее, чем у PRO */
  border-radius: 1rem;
  opacity: 0.9;
  will-change: background-position; /* плавнее на Safari/Chrome */
}

/* Предпочтение «меньше анимаций» — выключаем переливы */
@media (prefers-reduced-motion: reduce) {
  .bg-glow-animation,
  .bg-glow-orange-fill {
    animation: none !important;
  }
}