/* Typography */
body {
  font-family: "Roboto", sans-serif;
  min-height: 100vh;
}

main {
  background-image: url("img/bg.svg");
  background-repeat: no-repeat;
  background-position: top-center;
  background-size: contain;
}

.app-icon {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.btn-app-store {
  transition: transform 0.2s ease;
}

.btn-app-store:hover {
  transform: scale(1.05);
}

/* Screenshots Section */
.screenshots-section {
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(255, 255, 255, 0.3) 50%,
    transparent 100%
  );
}

.screenshot-img {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.screenshot-img:hover {
  transform: translateY(-10px) scale(1.02);
}

/* Features Section */
.feature-card {
  transition: transform 0.3s ease;
}

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

/* Privacy Policy Section */
.privacy-section {
  background: var(--color-dark);
}

.privacy-section p,
.privacy-section ul {
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.8;
}

/* Footer */
.footer a:hover {
  color: #ffe66d !important;
}