html{
  scroll-behavior: smooth;
}

.hero-gradient {
  background: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.4) 100%
  );
}

.section-divider {
  background: linear-gradient(90deg, transparent, #e5e7eb, transparent);
  height: 1px;
}

.floating-whatsapp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}

.testimonial-card {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.project-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.feature-icon {
  background: linear-gradient(135deg, #000000 0%, #374151 100%);
}