/* CU-SUPPORTERS-DECORATION-LAYER-02
   Premium material layer only.
   Internal decoration is intentionally owned by supporter-decoration.css. */
.supporters-card{
  --support-champagne:#d7b66a;
  --support-champagne-hi:#f1d99a;
  --support-platinum:#dce1e8;
  --support-warm-black:#0a0908;
  --support-warm-surface:#15110d;
}

/* Keep the approved warm graphite / champagne / platinum material palette. */
.supporters-card .cosmic-card__ghost{
  border-color:rgba(215,182,106,.34);
  background:linear-gradient(135deg,rgba(55,40,20,.34),rgba(10,9,8,.94));
  box-shadow:0 0 30px rgba(215,182,106,.08),inset 0 1px 0 rgba(220,225,232,.09);
}
.supporters-card .cosmic-card__ghost::before,
.supporters-card .cosmic-card__ghost::after{
  border-color:rgba(220,225,232,.16);
  background:linear-gradient(135deg,rgba(59,43,22,.20),rgba(8,8,10,.95));
}
.supporters-card .cosmic-card__glass{
  border-color:rgba(220,225,232,.62);
  background:
    radial-gradient(72% 110% at 22% 52%,rgba(215,182,106,.14),transparent 64%),
    radial-gradient(70% 120% at 88% 16%,rgba(220,225,232,.09),transparent 66%),
    linear-gradient(128deg,rgba(43,31,16,.90) 0%,rgba(13,13,16,.96) 46%,rgba(25,18,21,.92) 100%);
  box-shadow:
    0 24px 64px rgba(0,0,0,.74),
    0 0 0 1px rgba(215,182,106,.07),
    0 0 36px rgba(215,182,106,.08),
    inset 0 1px 0 rgba(241,217,154,.26),
    inset 0 -1px 0 rgba(220,225,232,.12);
}

/* Existing shared sweep is preserved; only its approved premium light color is retained. */
.supporters-card .cosmic-card__glass::before{
  background:
    linear-gradient(105deg,transparent 0 30%,rgba(255,255,255,.14) 41%,rgba(241,217,154,.12) 49%,transparent 59%) -170% 0/66% 100% no-repeat,
    radial-gradient(54% 18% at 48% 48%,rgba(241,217,154,.25),rgba(220,225,232,.08) 50%,transparent 77%);
}
.supporters-card .cosmic-card__glass::after{
  background:radial-gradient(220px 120px at var(--mx) var(--my),rgba(241,217,154,.12),transparent 72%);
}
.supporters-card .cosmic-card__edge{
  background:linear-gradient(115deg,rgba(220,225,232,.82),rgba(215,182,106,.26) 37%,rgba(220,225,232,.10) 67%,rgba(241,217,154,.64));
  opacity:.90;
}
.supporters-card .cosmic-card__flare{
  background:radial-gradient(220px 120px at var(--mx) var(--my),rgba(241,217,154,.18),transparent 74%);
}
.supporters-card__title{
  color:rgba(248,248,246,.99);
  text-shadow:0 0 18px rgba(215,182,106,.10);
}
.supporters-card__description{
  color:rgba(222,222,220,.90);
}

/* Opened shared panel keeps the same approved material palette. */
.cosmic-expanded.is-supporters .cosmic-expanded__ghost{
  border-color:rgba(215,182,106,.28);
  background:linear-gradient(135deg,rgba(50,36,18,.25),rgba(7,7,9,.96));
}
.cosmic-expanded.is-supporters .cosmic-expanded__glass{
  border-color:rgba(220,225,232,.58);
  background:
    radial-gradient(82% 74% at 46% 44%,rgba(215,182,106,.13),transparent 72%),
    radial-gradient(120% 150% at var(--mx) -10%,rgba(220,225,232,.11),transparent 40%),
    linear-gradient(132deg,rgba(40,29,15,.78),rgba(8,8,11,.96) 50%,rgba(24,18,21,.92));
  box-shadow:0 34px 100px rgba(0,0,0,.72),0 0 54px rgba(215,182,106,.09),inset 0 1px 0 rgba(241,217,154,.22),inset 0 -1px 0 rgba(220,225,232,.10);
}
.cosmic-expanded.is-supporters .cosmic-expanded__edge{
  background:linear-gradient(115deg,rgba(220,225,232,.78),rgba(215,182,106,.28) 42%,rgba(241,217,154,.60));
}

@media (hover:hover) and (pointer:fine){
  .supporters-card:hover .cosmic-card__stack{filter:drop-shadow(0 18px 30px rgba(215,182,106,.12))}
}
.supporters-card:focus-visible .cosmic-card__stack{filter:drop-shadow(0 0 18px rgba(215,182,106,.20))}