/* Custom styles for Actualization AI website */

/* Enhanced gradient background for buttons */
.gradient-bg {
  background: linear-gradient(90deg, #34d399 0%, #10b981 100%);
  transition: all 0.3s ease;
}

.gradient-bg:hover {
  background: linear-gradient(90deg, #10b981 0%, #059669 100%);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);
}

/* Section dividers and separators */
.section-divider {
  position: relative;
  padding-bottom: 3rem;
}

.section-divider::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 4px;
  background: linear-gradient(90deg, #34d399 0%, #10b981 100%);
  border-radius: 2px;
}

/* Subtle animations for interactive elements */
@keyframes pulse-subtle {
  0% { transform: scale(1); }
  50% { transform: scale(1.03); }
  100% { transform: scale(1); }
}

.hover-lift {
  transition: transform 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-3px);
}

/* Improve text readability */
.text-shadow-sm {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.text-shadow-md {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Enhanced focus styles for accessibility */
:focus-visible {
  outline: 2px solid #10b981;
  outline-offset: 2px;
}