/* ============================================
   GOOGLE ADS - Page-specific styles
   Only overrides NOT covered by components.css
   ============================================ */

/* Body background: subtle linear gradient */
body {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  background-attachment: fixed;
}

/* Animated gradient overlay */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    rgba(124, 58, 237, 0.03),
    rgba(0, 212, 255, 0.03),
    rgba(236, 72, 153, 0.03),
    rgba(59, 130, 246, 0.03)
  );
  background-size: 400% 400%;
  animation: bg-flow 20s ease infinite;
  pointer-events: none;
  z-index: -1;
}

/* Override shared float keyframe: 2-step with rotate */
@keyframes float {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(5deg); }
}