html { scroll-behavior: smooth; }
body { background-color: #0D0D1A; font-family: 'Inter', sans-serif; }
.gradient-text {
  background: linear-gradient(135deg, #FBBF24, #F97316, #FBBF24);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-bg {
  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(251,191,36,0.12) 0%, transparent 70%),
              radial-gradient(ellipse 60% 40% at 80% 50%, rgba(139,92,246,0.08) 0%, transparent 60%),
              #0D0D1A;
}
.card-glow:hover { box-shadow: 0 0 32px rgba(251,191,36,0.2); }
.discord-gradient { background: linear-gradient(135deg, #5865F2, #4752C4); }
.gold-border { border: 1px solid rgba(251,191,36,0.3); }
.popular-card { border: 2px solid #FBBF24; box-shadow: 0 0 40px rgba(251,191,36,0.25); }
.section-divider { border-top: 1px solid rgba(251,191,36,0.1); }
.feature-icon { background: linear-gradient(135deg, rgba(251,191,36,0.15), rgba(249,115,22,0.1)); }
.trust-badge { background: linear-gradient(135deg, rgba(34,197,94,0.1), rgba(16,185,129,0.1)); border: 1px solid rgba(34,197,94,0.3); }
.floating-btn {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
  transition: transform .25s ease, opacity .25s ease, box-shadow .25s ease;
}
.floating-btn:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45);
}
.contact-pulse {
  position: relative;
  overflow: visible;
}
.contact-pulse::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 9999px;
  border: 2px solid rgba(251, 191, 36, 0.55);
  opacity: 0;
  transform: scale(0.9);
  animation: rippleRing 2s ease-out infinite;
  pointer-events: none;
}
.contact-pulse.delay::after {
  animation-delay: .7s;
}
@keyframes rippleRing {
  0% {
    opacity: .8;
    transform: scale(0.92);
  }
  70% {
    opacity: 0;
    transform: scale(1.55);
  }
  100% {
    opacity: 0;
    transform: scale(1.65);
  }
}
.floating-cta {
  position: fixed;
  z-index: 60;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}
.floating-cta.show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.floating-left { left: 16px; bottom: 24px; }
.floating-right { right: 16px; bottom: 24px; }