@keyframes wave {
      0%, 100% { transform: rotate(0deg); }
      25% { transform: rotate(5deg); }
      75% { transform: rotate(-5deg); }
    }
    
    @keyframes slideUp {
      0% { transform: translateY(20px); opacity: 0; }
      100% { transform: translateY(0); opacity: 1; }
    }
    
    .animate-wave {
      animation: wave 3s ease-in-out infinite;
    }
    
    .animate-slide-up {
      animation: slideUp 0.6s ease-out;
    }


     @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-20px); }
    }
    
    @keyframes pulse-glow {
      0%, 100% { box-shadow: 0 0 20px rgba(73, 173, 255, 0.3); }
      50% { box-shadow: 0 0 40px rgba(73, 173, 255, 0.6); }
    }
    
    @keyframes gradient-shift {
      0%, 100% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
    }
    
    .animate-float {
      animation: float 4s ease-in-out infinite;
    }
    
    .animate-pulse-glow {
      animation: pulse-glow 3s ease-in-out infinite;
    }
    
    .gradient-animated {
      background-size: 200% 200%;
      animation: gradient-shift 5s ease infinite;
    }
    
    .text-gradient {
      background: linear-gradient(135deg, #49ADFF 0%, #2D8FD7 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }



/* css kata sambutan */
    @keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

.animate-float {
  animation: float 3s ease-in-out infinite;
}

:root {
    --blue-dark: #1D4E89;   /* Biru tua */
    --blue-main: #2D6BB5;   /* Biru sedang */
    --blue-light: #A6C9FF;  /* Biru lembut */
}