/* ============================================
   ANIMATIONS
   ============================================ */
@keyframes float {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-15px) rotate(5deg); }
}

@keyframes wiggle {
  0%, 100% { transform: rotate(-3deg); }
  50% { transform: rotate(3deg); }
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

/* ============================================
   FLOATING DECORATIONS
   ============================================ */
.floating-decoration {
  position: fixed;
  opacity: 0.25;
  pointer-events: none;
  z-index: 0;
  animation: float 3s ease-in-out infinite;
}

.float-1 { top: 10%; left: 5%; font-size: 2rem; animation-duration: 3s; }
.float-2 { top: 30%; right: 8%; font-size: 1.5rem; animation-duration: 4s; }
.float-3 { bottom: 20%; left: 3%; font-size: 1.8rem; animation-duration: 3.5s; }