.blog-hero {
  min-height: 500px;
}

.blog-title {
  font-size: 4.5rem;
}

.latest-quests-swiper {
  max-width: 1400px;
  margin: 0 auto;
}

.post-card {
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease;
}

.post-card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.cta-box {
  padding: 5rem;
  gap: 4rem;
}

.cta-content h2 {
  font-size: 3rem;
  line-height: 1.1;
}