.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  display: inline-block;
  vertical-align: middle;
}
.glass-card {
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(226, 232, 240, 0.55);
  box-shadow: 0px 4px 20px rgba(15, 23, 42, 0.05);
}
.hero-gradient {
  background: radial-gradient(circle at top right, #f2f3ff 0%, #faf8ff 100%);
}
.hero-float-card {
  animation: hero-float 6s ease-in-out infinite;
  will-change: transform;
}
.hero-float-card--slow {
  animation-duration: 7.5s;
}
.hero-float-card--reverse {
  animation-name: hero-float-reverse;
}
.hero-float-card--delay-1 {
  animation-delay: -1.2s;
}
.hero-float-card--delay-2 {
  animation-delay: -2.4s;
}
.hero-float-card--delay-3 {
  animation-delay: -3.2s;
}
.hero-center-card {
  animation: hero-center-float 6.8s ease-in-out infinite;
  will-change: transform;
}
.hero-center-card.hero-float-card--delay-3 {
  animation-delay: -3.2s;
}
@keyframes hero-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    transform: translate3d(0, -16px, 0) rotate(1deg);
  }
}
@keyframes hero-float-reverse {
  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    transform: translate3d(0, 14px, 0) rotate(-1deg);
  }
}
@keyframes hero-center-float {
  0%,
  100% {
    transform: translate(-50%, -50%) translate3d(0, 0, 0);
  }
  50% {
    transform: translate(-50%, -50%) translate3d(0, -12px, 0);
  }
}
.gold-gradient {
  background: linear-gradient(135deg, #c5a342 0%, #755b00 100%);
}
.glass-effect {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.text-gradient-gold {
  background: linear-gradient(135deg, #755b00 0%, #c5a342 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.shadow-premium,
.custom-shadow {
  box-shadow: 0px 4px 20px rgba(15, 23, 42, 0.05);
}
.timeline-line {
  background: linear-gradient(to bottom, #d0c5b1 0%, #755b00 50%, #d0c5b1 100%);
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding-top 0.3s ease;
}
.accordion-active .accordion-content {
  max-height: 500px;
  padding-top: 1rem;
}
.accordion-active .accordion-icon {
  transform: rotate(180deg);
}
.whatsapp-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 60;
}