.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.view {
  display: none;
}

.view.active {
  display: block;
  animation: viewFadeIn 0.4s ease;
}

.hero-glow {
  background: radial-gradient(
    circle at 50% 50%,
    rgba(255, 180, 166, 0.06) 0%,
    transparent 70%
  );
}

.gift-card-gradient {
  background: linear-gradient(135deg, #ffb4a6 0%, #41120b 100%);
}

.glass-effect {
  background: rgba(70, 50, 76, 0.7);
  backdrop-filter: blur(20px);
}

.ambient-shadow {
  box-shadow: 0 20px 48px rgba(29, 12, 36, 0.6);
}

@keyframes viewFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .view.active {
    animation-duration: 0.3s;
  }
}