@keyframes birdFlyIn {
  0% {
    opacity: 0;
    transform: translateX(-150%) translateY(50%) rotate(-30deg) scale(0.5);
    filter: drop-shadow(0 0 0 transparent);
  }

  40% {
    opacity: 1;
    transform: translateX(20%) translateY(-10%) rotate(10deg) scale(1.1);
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.15));
  }

  60% {
    transform: translateX(-10%) translateY(5%) rotate(-5deg) scale(0.95);
    filter: drop-shadow(1px 3px 4px rgba(0, 0, 0, 0.1));
  }

  80% {
    transform: translateX(5%) translateY(-3%) rotate(3deg) scale(1.02);
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.12));
  }

  100% {
    opacity: 1;
    transform: translateX(0) translateY(0) rotate(0) scale(1);
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.15));
  }
}

@keyframes buttonFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.logo-animate {
  animation: birdFlyIn 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  transform-origin: center bottom;
}
