/*
    Este arquivo contém todos os estilos CSS para a página Bookflix.
    Ele foi atualizado para incluir estilos que antes estavam embutidos no HTML.
*/

body {
  font-family: "Inter", sans-serif;
  background-color: #121212;
  /* Fundo escuro para a aparência "flix" */
  color: #e0e0e0;
  /* Cor de texto clara */
}

/* Estilos personalizados para gradientes e animações */
.gradient-bg {
  background: linear-gradient(to bottom, #1e1e1e, #282828);
}

.text-gradient {
  background-image: linear-gradient(to right, #ff7b88, #c457d2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cta-button {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cta-button:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(196, 87, 210, 0.4);
}

.feature-card {
  transition: transform 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-8px);
}

.smooth-scroll {
  scroll-behavior: smooth;
}

/* Animações de entrada para elementos da página */
@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-down {
  animation: fade-in-down 0.8s ease-out forwards;
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fade-in-up 0.8s ease-out forwards;
}