/* Gold-dust confetti burst on primary CTA click */
.confetti-piece {
  position: fixed;
  top: 0; left: 0;
  width: 8px; height: 3px;
  background: var(--gold);
  pointer-events: none;
  z-index: 9999;
  will-change: transform, opacity;
  border-radius: 1px;
}
.confetti-piece--square { width: 6px; height: 6px; background: var(--gold-light); }
.confetti-piece--dot    { width: 5px; height: 5px; border-radius: 50%; background: var(--gold-dark); }

@keyframes confettiFall {
  0%   { transform: translate3d(var(--x0), var(--y0), 0) rotate(0deg); opacity: 1; }
  100% { transform: translate3d(var(--x1), var(--y1), 0) rotate(var(--r)); opacity: 0; }
}