/* افکت اسلاید آپ کارت‌ها */
    .slide-up {
      opacity: 0;
      transform: translateY(30px);
    }

    .slide-up.visible {
      opacity: 1;
      transform: translateY(0);
      transition: all 0.6s ease-out;
    }

    /* افکت fade-in برای متن */
    .fade-in {
      opacity: 0;
      transform: translateY(20px);
    }
    .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
      transition: all 0.6s ease-out;
    }

    /* افکت hover روی کارت‌ها */
    .card:hover {
      transform: translateY(-10px) scale(1.03);
      box-shadow: 0 10px 20px rgba(0,0,0,0.5);
    }

    /* افکت hover روی دکمه CTA */
    .cta-btn:hover {
      background-color: var(--primary-dark);
      color: var(--light);
      transform: scale(1.05);
    }