.donate { max-width: 440px; text-align: center; }
.donate h1 { margin: 1rem 0 0.4rem; font-size: clamp(2.2rem, 8vw, 3rem); }
.donate h1 em { font-style: normal; color: var(--accent); }
.donate .lead { margin: 0 auto; color: var(--muted); }
.donate-heart { width: 64px; height: 64px; margin: 0 auto; display: grid; place-items: center; border-radius: 50%; color: #1a0f00; background: var(--accent); }
.donate-heart svg { width: 30px; height: 30px; }
.donate-card { margin-top: 28px; padding: 22px 20px 20px; border-radius: var(--radius-lg); border: 1px solid var(--line); background: var(--paper); display: grid; gap: 16px; justify-items: center; }
.donate-qr { padding: 12px; border-radius: 22px; background: #fff; border: 1px solid var(--line); }
.donate-qr img { display: block; width: min(250px, 66vw); height: auto; }
.donate-acct { width: 100%; display: grid; gap: 2px; }
.donate-acct small { color: var(--muted); font-size: 0.85rem; }
.donate-num { font-size: 1.6rem; font-weight: 700; letter-spacing: 0.04em; font-variant-numeric: tabular-nums; color: var(--head); }
.donate-actions { width: 100%; display: grid; gap: 10px; }
.donate-actions .btn { width: 100%; }
.donate-msg { margin: 0; color: var(--muted); }
.donate-more { margin-top: 18px; color: var(--muted); font-size: 0.95rem; }
.donate-more a { color: var(--accent-ink); text-decoration: underline; text-underline-offset: 3px; }