.donation-hero {
    background:
        radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--campaign-secondary) 70%, transparent), transparent 34%),
        radial-gradient(circle at 90% 90%, color-mix(in srgb, var(--campaign-primary) 58%, transparent), transparent 40%),
        linear-gradient(135deg, #10283f 0%, #071726 100%);
}
.donation-progress,
.donation-submit { background: linear-gradient(90deg, var(--campaign-primary), var(--campaign-secondary)); }
.donation-amount-button { border-radius: 1rem; border-color: color-mix(in srgb, var(--campaign-primary) 25%, #ddd); background: transparent; }
.donation-amount-button:hover,
.donation-amount-button.is-selected { border-color: var(--campaign-primary); background: color-mix(in srgb, var(--campaign-primary) 12%, white); color: var(--campaign-primary); }