@media (max-width: 768px) {
  .hero-section h1 { font-size: 2rem; }
  .hero-section p { font-size: 1rem; }
  .features-section .p-4, .testimonials-section .p-4, .pricing-section .p-4 { padding: 1.5rem !important; }
}
.btn-primary:hover {
  background-color: #4a0e82;
  box-shadow: 0 10px 25px rgba(95, 18, 164, 0.3);
  transform: translateY(-2px);
}
.btn-outline-dark:hover {
  background-color: #1f2937;
  color: #ffffff;
  border-color: #1f2937;
}
.feature-card:hover, .testimonial-card:hover, .pricing-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}
.feature-card:hover i {
  transform: scale(1.1);
}
.hero-section img:hover, .about-section img:hover {
  transform: scale(1.02);
}
.hero-section img:hover + .hover-circle, .cta-section:hover .hover-circle {
  transform: scale(1.2);
  background: rgba(95, 18, 164, 0.25);
}