body.dark {
      background-color: #1a202c;
      color: white;
    }

    .dark .card {
      background-color: #2d3748;
    }

    .transition-icon {
      transition: transform 0.4s ease;
    }

    .card:hover {
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
      transform: translateY(-4px);
      transition: all 0.3s ease-in-out;
    }

	@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeIn {
  animation: fadeIn 1s ease-out forwards;
  animation-delay: 0.2s;
}
	  /* استایل مثلث‌ها */
.clip-triangle {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transition: transform 0.3s ease;
}

.relative:hover .clip-triangle {
  transform: scale(1.05);
}