/* index.css - Page Specific Styles */

/* Video card styles */
.video-card {
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.video-card:hover {
  transform: translateY(-8px);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Pulse green animation */
.pulse-green {
  animation: pulseGreen 2s infinite;
}

@keyframes pulseGreen {
  0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
  70% { box-shadow: 0 0 0 15px rgba(34, 197, 94, 0); }
  100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

/* Platform icon */
.platform-icon {
  filter: drop-shadow(0 0 10px rgba(34, 197, 94, 0.3));
}

/* Referral banner */
.referral-banner {
  background: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
  border-radius: 16px;
  padding: 16px;
  margin-top: 24px;
}

.referral-banner p {
  color: #4ade80;
  font-weight: 600;
}

.referral-banner .bonus-text {
  color: #d1d5db;
  font-weight: 400;
  font-size: 0.875rem;
  margin-top: 4px;
}

/* Responsive utilities */
@media (max-width: 768px) {
  .counter {
    font-size: 2rem !important;
  }
}