@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Montserrat:wght@300;400;500;600&display=swap');

html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #FAFAFA; }
::-webkit-scrollbar-thumb { background: #1A1A1A; border-radius: 3px; }

/* Animations */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.animate-on-scroll.visible { opacity: 1; transform: translateY(0); }
.animate-on-scroll.delay-1 { transition-delay: 0.1s; }
.animate-on-scroll.delay-2 { transition-delay: 0.2s; }
.animate-on-scroll.delay-3 { transition-delay: 0.3s; }
.animate-on-scroll.delay-4 { transition-delay: 0.4s; }

.treatment-card {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.treatment-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 60px -15px rgba(0, 0, 0, 0.1);
}

.deco-line {
  width: 50px;
  height: 1.5px;
  background: #1A1A1A;
}

.pricing-card {
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.pricing-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: #1A1A1A;
  opacity: 0;
  transition: opacity 0.3s;
}
.pricing-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px -12px rgba(0, 0, 0, 0.08);
}
.pricing-card:hover::before { opacity: 1; }

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

.btn-shine {
  position: relative;
  overflow: hidden;
}
.btn-shine::after {
  content: '';
  position: absolute;
  top: -50%; left: -50%;
  width: 200%; height: 200%;
  background: linear-gradient(transparent, rgba(255,255,255,0.1), transparent);
  transform: rotate(45deg) translateX(-100%);
  transition: transform 0.6s;
}
.btn-shine:hover::after {
  transform: rotate(45deg) translateX(100%);
}