body {
  background: linear-gradient(120deg, #f7f7ff, #eef9ff, #fff3f6);
  background-size: 300% 300%;
  animation: bgMove 14s ease-in-out infinite;
  position: relative;
}

/* طبقة خفيفة جدًا فوق الخلفية */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.45), transparent 45%),
              radial-gradient(circle at 80% 30%, rgba(255,255,255,0.25), transparent 50%),
              radial-gradient(circle at 50% 80%, rgba(255,255,255,0.18), transparent 55%);
  animation: glowFloat 18s ease-in-out infinite;
}

@keyframes bgMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes glowFloat {
  0%, 100% { transform: translate3d(0, 0, 0); opacity: 0.9; }
  50%      { transform: translate3d(0, -10px, 0); opacity: 0.7; }
}