@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeSlideLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeSlideRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes eagleFloat {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  33% {
    transform: translateY(-8px) rotate(1.5deg);
  }
  66% {
    transform: translateY(-4px) rotate(-1deg);
  }
}

@keyframes shimmer {
  0%, 100% {
    box-shadow: 0 0 8px rgba(221, 170, 0, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(221, 170, 0, 0.7), 0 0 40px rgba(221, 170, 0, 0.3);
  }
}

.scroll-reveal {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.scroll-reveal.from-left {
  transform: translateX(-50px);
}

.scroll-reveal.from-right {
  transform: translateX(50px);
}

.scroll-reveal.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.scroll-reveal:nth-child(1) { transition-delay: 0s; }
.scroll-reveal:nth-child(2) { transition-delay: 0.12s; }
.scroll-reveal:nth-child(3) { transition-delay: 0.24s; }

.ek-eagle-decore {
  animation: eagleFloat 5s ease-in-out infinite;
  will-change: transform;
}

.btn-read-more {
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1),
              filter 0.2s ease,
              box-shadow 0.2s ease !important;
  cursor: pointer;
  will-change: transform;
}

.btn-read-more:hover {
  transform: scale(1.08) translateY(-3px) !important;
  filter: brightness(1.15) drop-shadow(0 6px 12px rgba(0,0,0,0.4));
}

.btn-read-more:active {
  transform: scale(0.96) translateY(0px) !important;
  filter: brightness(0.95);
}

.ek-join-container {
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
              filter 0.2s ease !important;
}

.ek-join-container:hover {
  transform: scale(1.12) translateY(-4px) !important;
  filter: brightness(1.2) drop-shadow(0 8px 16px rgba(0,0,0,0.5));
}

.ek-join-container:active {
  transform: scale(0.95) !important;
}

.ek-privacy-card {
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ek-privacy-card:hover {
  transform: translateY(-5px);
  animation: shimmer 1.5s ease-in-out infinite;
}

.ek-latest-news-unit {
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
              filter 0.2s ease;
}

.ek-latest-news-unit:hover {
  transform: translateY(-6px) scale(1.02);
  filter: brightness(1.05);
}

.bg-general {
  animation: fadeSlideUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}