/* ── Floating Background Orb Animations ── */
@keyframes float-orb-1 {
  0%,100% { transform: translate(0,0) scale(1); }
  33%      { transform: translate(50px,-40px) scale(1.06); }
  66%      { transform: translate(-30px,25px) scale(0.96); }
}
@keyframes float-orb-2 {
  0%,100% { transform: translate(0,0) scale(1); }
  40%     { transform: translate(-60px,35px) scale(1.09); }
  75%     { transform: translate(35px,-25px) scale(0.94); }
}
@keyframes float-orb-3 {
  0%,100% { transform: translate(0,0) scale(1); }
  50%     { transform: translate(30px,50px) scale(1.05); }
}

.bg-orb {
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
}
.bg-orb-1 {
  width: 560px; height: 560px;
  top: -120px; left: -120px;
  background: radial-gradient(circle, rgba(137,243,54,0.13) 0%, transparent 70%);
  filter: blur(90px);
  animation: float-orb-1 16s ease-in-out infinite;
}
.bg-orb-2 {
  width: 460px; height: 460px;
  bottom: -60px; right: -80px;
  background: radial-gradient(circle, rgba(137,243,54,0.11) 0%, transparent 70%);
  filter: blur(80px);
  animation: float-orb-2 20s ease-in-out infinite;
}
.bg-orb-3 {
  width: 380px; height: 380px;
  top: 38%; left: 52%;
  background: radial-gradient(circle, rgba(137,243,54,0.08) 0%, transparent 70%);
  filter: blur(70px);
  animation: float-orb-3 13s ease-in-out infinite;
}