:root{
  --gold-1:#FCE7A7; --gold-2:#F7D774; --gold-3:#E7C148;
  --gold-4:#C59A2A; --gold-5:#8C6A1F; --gold-6:#3F2A09; --dark:#0C0B07;
}

.sheen{position:relative;overflow:hidden;isolation:isolate;}
.sheen::after{
  content:"";
  position:absolute;
  inset:-200%;
  background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.18) 50%,transparent 55%);
  transform:translateX(-40%) rotate(10deg);
  animation:sweep 5s linear infinite;
  pointer-events:none;
}

@keyframes sweep{
  0%{transform:translateX(-50%) rotate(10deg);}
  100%{transform:translateX(50%) rotate(10deg);}
}

.gold-card{
  background:radial-gradient(120% 120% at 30% 20%,rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 40%),
  linear-gradient(180deg,var(--gold-1),var(--gold-2) 25%,var(--gold-3) 55%,var(--gold-4) 85%,var(--gold-5));
  box-shadow:0 18px 35px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.35);
}

.gold-ring{
  background:linear-gradient(145deg,var(--gold-2),var(--gold-4));
  box-shadow:inset 0 2px 3px rgba(255,255,255,.4);
}

.btn-gold{
  background:linear-gradient(180deg,var(--gold-2),var(--gold-3) 60%,var(--gold-4));
  box-shadow:0 6px 12px rgba(0,0,0,.25);
  transition:transform .08s ease;
}

.btn-gold:active{
  transform:translateY(1px);
}

.slider-track{
  background:linear-gradient(90deg,rgba(255,255,255,.4),rgba(0,0,0,.2));
}

.slider-fill{
  background:linear-gradient(90deg,#fff6d8,var(--gold-3));
}

.gold-scroll{
  scrollbar-width:thin;
}