@keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes slideInLeft {
    from {
      opacity: 0;
      transform: translateX(-100%);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  @keyframes bounceIn {
    from {
      opacity: 0;
      transform: scale(0.3);
    }
    50% {
      opacity: 1;
      transform: scale(1.05);
    }
    70% {
      transform: scale(0.9);
    }
    to {
      transform: scale(1);
    }
  }
  
  .animated-title {
    animation: fadeInUp 1s ease-in-out;
  }
  
  .animated-line {
    animation: slideInLeft 1s ease-in-out;
  }
  
  .animated-element {
    animation: fadeInUp 1s ease-in-out;
  }
  
  .animated-arrow {
    animation: bounceIn 1s ease-in-out;
  }
  
  .animated-icon {
    animation: bounceIn 1s ease-in-out;
  }
  
  .animated-button {
    animation: fadeInUp 1s ease-in-out;
  }
  
  .animated-image {
    animation: fadeInUp 1s ease-in-out;
  }