/* SwiperJS Carousel Styles (minimal for integration, can be extended) */
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.1);
}

/* Advanced Contact Card Styles */
.advanced-contact-card {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
  position: relative;
  z-index: 1;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: none; }
}
.animate-fade-in {
  animation: fadeIn 0.9s cubic-bezier(.4,0,.2,1) both;
}