@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);
}
.header-bg {
  background: linear-gradient(90deg, #FFD700 0%, #000000 100%);
}
.footer-bg {
  background: linear-gradient(90deg, #FFD700 0%, #000000 100%);
}
.bonus-card {
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.bonus-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(255, 215, 0, 0.3);
}
.badge {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}
.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.yellow-gradient {
  background: linear-gradient(90deg, #FFD700 0%, #FFDF00 100%);
}