/* ===== DONATE.CSS ===== */
.donate-hero { padding:40px 20px 24px; text-align:center; }
.donate-heart { font-size:48px; margin-bottom:14px; animation:heartbeat 1.6s ease-in-out infinite; }
@keyframes heartbeat { 0%,100%{transform:scale(1)} 50%{transform:scale(1.12)} }
.donate-hero h1 { font-size:24px; font-weight:700; margin-bottom:8px; }
.donate-hero p { font-size:14px; }

.why-grid { display:grid; gap:10px; }
.why-item { display:flex; align-items:flex-start; gap:14px; background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:14px 16px; }
.why-icon { font-size:24px; flex-shrink:0; }
.why-item strong { font-size:14px; font-weight:600; display:block; margin-bottom:3px; }

.donate-method-card { background:var(--bg-card); border:1px solid var(--border); border-radius:14px; padding:18px; margin-bottom:12px; }
.primary-method { border-color:rgba(232,68,68,.25); background:linear-gradient(135deg,rgba(232,68,68,.05),var(--bg-card)); }
.method-header { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.method-icon { font-size:26px; }
.method-title { font-size:15px; font-weight:600; margin-bottom:2px; }
.method-sub { font-size:12px; }
.method-number {
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:rgba(255,255,255,.04); border:1px solid var(--border); border-radius:10px;
  padding:13px 15px; cursor:pointer; margin-bottom:10px; transition:border-color .2s;
  font-size:15px; font-weight:600; letter-spacing:.3px;
}
.method-number:hover { border-color:rgba(255,255,255,.15); }
.copy-btn {
  display:flex; align-items:center; gap:5px; padding:6px 12px;
  background:rgba(45,212,196,.1); border:1px solid rgba(45,212,196,.2);
  border-radius:8px; color:var(--accent); font-size:12px; font-weight:600;
  white-space:nowrap; cursor:pointer; font-family:inherit; transition:all .2s;
}
.copy-btn:hover { background:rgba(45,212,196,.18); }
.method-note { font-size:12.5px; line-height:1.6; }

.thankyou-box { background:var(--bg-card); border:1px solid var(--border); border-radius:16px; padding:28px 24px; text-align:center; }
.ty-icon { font-size:36px; margin-bottom:12px; }
.thankyou-box h3 { font-size:18px; font-weight:700; margin-bottom:8px; }
.thankyou-box p { font-size:13.5px; line-height:1.7; margin-bottom:14px; }
.ty-sig { font-size:14px; font-weight:600; color:var(--accent); }
.small { font-size:11px; }