.menorah-give-card{
  --canvas:#F6F2FC;
  --canvas-2:#EDE2FA;
  --surface:#FFFFFF;
  --surface-2:#F3EDFB;
  --line: rgba(36,21,57,0.10);
  --line-strong: rgba(36,21,57,0.18);
  --ink:#241539;
  --ink-muted:#6B5C8A;
  --ink-faint:#9184AC;
  --purple:#5B2A9E;
  --gold:#B9862F;
  --gold-fill:#D9A94C;
  --pink:#C23E7E;
  font-family:'IBM Plex Sans', sans-serif;
  color:var(--ink);
}

.menorah-give-card .font-display{ font-family:'Fraunces', serif; font-variation-settings:'opsz' 60; }
.menorah-give-card .font-mono{ font-family:'JetBrains Mono', monospace; }

/* full-bleed light section regardless of the page's own container width */
.menorah-give-card .mdc-bleed{
  background:radial-gradient(120% 80% at 50% -10%, #FFFFFF 0%, var(--canvas) 55%, var(--canvas-2) 100%);
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
}
.menorah-give-card .mdc-inner{
  max-width:64rem;
  margin:0 auto;
  padding:3.5rem 1.25rem 4rem;
}

.menorah-give-card .card{
  background:var(--surface); border:1px solid var(--line); border-radius:16px;
  box-shadow:0 20px 40px -28px rgba(43,24,84,0.22);
}

.menorah-give-card .fade-up{ opacity:0; transform:translateY(10px); animation:mdcFadeUp .6s cubic-bezier(.16,1,.3,1) forwards; }
@keyframes mdcFadeUp{ to{ opacity:1; transform:translateY(0); } }

/* progress ring */
.menorah-give-card .ring-track{ stroke:var(--surface-2); }
.menorah-give-card .ring-progress{
  stroke:var(--gold-fill);
  stroke-linecap:round;
  transform:rotate(-90deg);
  transform-origin:50% 50%;
  transition:stroke-dashoffset 1.4s cubic-bezier(.16,1,.3,1);
}

/* progress bar */
.menorah-give-card .mdc-bar-track{
  height:10px; border-radius:999px; background:var(--surface-2); overflow:hidden;
}
.menorah-give-card .mdc-bar-fill{
  height:100%; border-radius:999px;
  background:linear-gradient(90deg,var(--gold-fill),#F2CE85);
  transition:width 1.2s cubic-bezier(.16,1,.3,1);
}

.menorah-give-card .mdc-copy{
  font-family:'IBM Plex Sans', sans-serif; font-size:0.72rem; font-weight:600; letter-spacing:0.02em;
  color:var(--purple); background:var(--surface-2); border:1px solid var(--line); border-radius:999px;
  padding:0.35rem 0.8rem; cursor:pointer; transition:background .2s ease, transform .2s cubic-bezier(.34,1.56,.64,1);
}
.menorah-give-card .mdc-copy:hover{ background:#E2D2F7; }
.menorah-give-card .mdc-copy.copied{ background:#DFF3E4; color:#1F6B2E; border-color:#BFE6C8; transform:scale(1.04); }

.menorah-give-card .mdc-btn-gold{
  background:var(--gold-fill); color:#241705; font-family:'IBM Plex Sans',sans-serif; font-weight:600; font-size:0.85rem;
  padding:0.75rem 1.5rem; border-radius:999px; border:none; cursor:pointer;
  box-shadow:0 10px 24px -12px rgba(217,169,76,0.55);
  transition:transform .25s cubic-bezier(.34,1.56,.64,1);
}
.menorah-give-card .mdc-btn-gold:hover{ transform:translateY(-2px); }
.menorah-give-card .mdc-btn-gold:disabled{ opacity:0.6; cursor:default; transform:none; }

.menorah-give-card .mdc-btn-ghost{
  border:1px solid var(--line-strong); color:var(--purple); font-family:'IBM Plex Sans',sans-serif; font-weight:600; font-size:0.85rem;
  padding:0.75rem 1.5rem; border-radius:999px; background:#fff; cursor:pointer; text-decoration:none; display:inline-block;
  transition:background .2s ease, transform .2s cubic-bezier(.34,1.56,.64,1);
}
.menorah-give-card .mdc-btn-ghost:hover{ background:var(--surface-2); transform:translateY(-2px); }

@media (prefers-reduced-motion: reduce){
  .menorah-give-card .fade-up{ animation:none !important; opacity:1 !important; transform:none !important; }
  .menorah-give-card .ring-progress, .menorah-give-card .mdc-bar-fill{ transition:none !important; }
}