/*───────────────────────────────────────────────────────────────────
  animated‐background.css — just the animated gradient + blobs
───────────────────────────────────────────────────────────────────*/

/* 1. FLOWING GRADIENT BACKGROUND */
.animated‐gradient {
  position: absolute;
  inset: 0;
  background: linear‐gradient(120deg, #7c3aed, #6366f1, #ede9fe);
  background‐size: 200% 200%;
  animation: gradientFlow 20s ease infinite;
  z‐index: ‐20;
}
@keyframes gradientFlow {
  0%   { background‐position: 0%   50%; }
  50%  { background‐position: 100% 50%; }
  100% { background‐position: 0%   50%; }
}

/* 2. SUBTLE STATIC RADIAL BLOBS */
.bg‐blobs {
  position: absolute;
  inset: 0;
  background:
    radial‐gradient(circle at 20% 30%, rgba(255,255,255,0.15), transparent 45%),
    radial‐gradient(circle at 80% 70%, rgba(0,0,0,0.1), transparent 50%);
  pointer‐events: none;
  z‐index: ‐1;
}