/* OneClickPDF | Animation keyframes (loaded only on index page via <link>) */

@keyframes aurora-drift {
  0%,100% { transform: translate(0,0) scale(1) rotate(0deg); }
  25%      { transform: translate(60px,-50px) scale(1.06) rotate(4deg); }
  50%      { transform: translate(-40px,60px) scale(0.95) rotate(-3deg); }
  75%      { transform: translate(50px,20px) scale(1.03) rotate(2deg); }
}

@keyframes beam-flicker {
  0%,100% { opacity: 0.04; }
  50%      { opacity: 0.09; }
}

@keyframes glow-pulse {
  0%,100% { box-shadow: 0 10px 34px rgba(236,72,153,0.28), 0 0 52px rgba(249,115,22,0.14); }
  50%      { box-shadow: 0 14px 46px rgba(236,72,153,0.42), 0 0 72px rgba(249,115,22,0.24); }
}

/* --- Tablet & phones (≤768px): 1 orb only, blur halved, animation slowed --- */
@media (max-width: 768px) {
  .aurora-orb-1 {
    width: 280px; height: 280px;
    filter: blur(40px);
    animation-duration: 32s;
  }
  .aurora-orb-2 { display: none; }
  .aurora-orb-3 { display: none; }
  .aurora-beam  { display: none; }
}

/* --- Small phones (≤480px): minimal orb, minimal blur --- */
@media (max-width: 480px) {
  .aurora-orb-1 {
    width: 200px; height: 200px;
    filter: blur(24px);
    animation-duration: 40s;
  }
}

/* --- prefers-reduced-motion: stop animation + release compositor layers --- */
@media (prefers-reduced-motion: reduce) {
  .aurora-orb,
  .aurora-beam {
    animation: none !important;
    will-change: auto;
  }
  .btn-hero-primary { animation: none !important; }
}