/* Premium sci-fi enhancements — gold template */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&display=swap');

:root {
  --fx-primary: #d4af37;
  --fx-accent: #f5e6a3;
  --fx-primary-dim: rgba(212, 175, 55, 0.35);
  --fx-accent-dim: rgba(245, 230, 163, 0.25);
  --fx-glow: rgba(212, 175, 55, 0.4);
  --fx-glow-strong: rgba(245, 230, 163, 0.6);
  --fx-btn-shadow: rgba(212, 175, 55, 0.35);
  --fx-grid-color: rgba(212, 175, 55, 0.035);
  --fx-scan-color: rgba(212, 175, 55, 0.025);
  --fx-cursor-color: rgba(212, 175, 55, 0.08);
  --fx-shimmer-highlight: #f5e6a3;
}

.gold-texture {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 80% 20%, rgba(212, 175, 55, 0.08), transparent 50%),
    radial-gradient(ellipse at 20% 80%, rgba(212, 175, 55, 0.06), transparent 40%),
    repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(212, 175, 55, 0.015) 2px, rgba(212, 175, 55, 0.015) 4px);
}

.gold-texture::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(212, 175, 55, 0.06), transparent 40%);
  pointer-events: none;
}

.split-hero__title,
.section-label h2,
.foil-card__num {
  font-family: "Cinzel", "Cormorant Garamond", serif;
}

.foil-card__frame {
  position: relative;
  overflow: hidden;
  animation: fx-holo-border 5s ease-in-out infinite;
  --fx-accent: #d4af37;
  --fx-primary: #f5e6a3;
  --fx-accent-dim: rgba(212, 175, 55, 0.25);
  --fx-primary-dim: rgba(245, 230, 163, 0.2);
}

.foil-card__frame::after {
  content: "";
  position: absolute;
  inset: -100%;
  background: linear-gradient(105deg, transparent 40%, rgba(245, 230, 163, 0.12) 50%, transparent 60%);
  animation: fx-btn-shine 6s ease-in-out infinite;
  pointer-events: none;
}

.foil-card__num {
  background: linear-gradient(180deg, #fff8e7, var(--gold-light), var(--gold), var(--gold-dark));
  background-size: 100% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: fx-shimmer 4s linear infinite;
  filter: drop-shadow(0 0 20px rgba(212, 175, 55, 0.4));
}

.btn--gold {
  animation: fx-btn-glow 3.5s ease-in-out infinite;
  position: relative;
  overflow: hidden;
}

.btn--gold::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, 0.4) 50%, transparent 62%);
  transform: translateX(-130%);
  animation: fx-btn-shine 4.5s ease-in-out infinite;
  pointer-events: none;
}

.gold-pipeline__step span {
  box-shadow: 0 0 24px rgba(212, 175, 55, 0.25);
  animation: fx-ring-pulse 4s ease-in-out infinite;
}

.wallet-item,
.disclosure-card {
  transition: transform 0.35s, box-shadow 0.35s, border-color 0.35s;
}

.wallet-item--link:hover,
.disclosure-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(212, 175, 55, 0.15);
}

.disclosure-card__usdt {
  text-shadow: 0 0 16px rgba(212, 175, 55, 0.3);
}

.masthead {
  backdrop-filter: blur(20px);
  background: rgba(12, 10, 8, 0.85);
  position: sticky;
  top: 0;
  z-index: 100;
}

@media (prefers-reduced-motion: reduce) {
  .foil-card__frame, .foil-card__frame::after, .foil-card__num,
  .btn--gold, .btn--gold::after, .gold-pipeline__step span {
    animation: none !important;
  }
}