/*
 * RankUp - style.css
 * UXGen Marketing
 * Supplemental styles that extend Tailwind CSS
 */

/* Base */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

/* Grid pattern (used on dark sections) */
.grid-pattern {
  background-color: #0F172A;
  background-image:
    linear-gradient(rgba(251,191,36,0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(251,191,36,0.07) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Amber radial glow helper */
.amber-glow {
  box-shadow: 0 0 60px 20px rgba(251,191,36,0.15), 0 0 120px 40px rgba(251,191,36,0.07);
}

/* Card hover lift */
.card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 40px rgba(251,191,36,0.18);
  border-color: #FBBF24;
}

/* GSAP fade-up initial state */
.fade-up, .gsap-fade-up {
  opacity: 0;
  transform: translateY(30px);
}

/* Pricing card highlighted glow */
.pricing-glow {
  box-shadow: 0 0 0 2px #FBBF24, 0 8px 40px rgba(251,191,36,0.25);
}

/* WhatsApp pulse animation */
.whatsapp-pulse {
  animation: pulse-green 2.2s infinite;
}
@keyframes pulse-green {
  0%, 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0.45); }
  55%       { box-shadow: 0 0 0 14px rgba(34,197,94,0); }
}

/* Link reset for cards */
a.no-underline { text-decoration: none; color: inherit; }

/* Aspect video */
.aspect-video { aspect-ratio: 16 / 9; }

/* Table styles */
table { border-collapse: collapse; }
th, td { vertical-align: middle; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #FFFBEB; }
::-webkit-scrollbar-thumb { background: #FDE68A; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #FBBF24; }