@import url("https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css");

.nav-link--active {
  border-radius: 0.5rem;
  background-color: #e6eeff;
  color: #2563eb;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

@keyframes cookie-consent-fade-in {
  from {
    opacity: 0;
    transform: translateY(0.75rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes stat-count-pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
}

@keyframes hero-blob-float {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(2%, -2%) scale(1.03);
  }
}

.cookie-consent-banner--visible {
  animation: cookie-consent-fade-in 0.45s ease-out forwards;
}

.stat-card--animate .stat-card__value {
  animation: stat-count-pulse 0.6s ease-out;
}

.hero-visual__blob {
  animation: hero-blob-float 14s ease-in-out infinite;
}

@keyframes form-toast-in {
  from {
    opacity: 0;
    transform: translateX(0.75rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.form-toast--visible {
  animation: form-toast-in 0.35s ease-out forwards;
}

.faq__icon {
  transition: transform 0.2s ease;
}

.faq__trigger--open .faq__icon {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .cookie-consent-banner--visible,
  .stat-card--animate .stat-card__value,
  .hero-visual__blob,
  .form-toast--visible {
    animation: none;
  }
}