.sc-donations { max-width: 800px; margin: 0 auto; padding: 2rem 1rem; }
.sc-donations-header { text-align: center; padding: 2.5rem; margin-bottom: 1.5rem; border-radius: 16px; background: rgba(26,39,68,0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.08); }
.sc-donations-header h1 { color: #d4a843; margin: 0 0 0.5rem; font-size: 2.2rem; }
.sc-donations-header p { color: #94a3b8; margin: 0; max-width: 600px; margin: 0 auto; line-height: 1.6; }
.sc-donations-form { padding: 2rem; border-radius: 12px; background: rgba(26,39,68,0.5); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.06); }
.sc-donations-form h2 { color: #e2e8f0; margin: 0 0 1rem; font-size: 1.3rem; }
.sc-amount-presets { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1rem; }
.sc-amount-btn { padding: 0.5rem 1.2rem; border-radius: 8px; border: 1px solid rgba(212,168,67,0.3); background: rgba(212,168,67,0.1); color: #d4a843; cursor: pointer; font-weight: 600; font-size: 1rem; transition: all 0.2s; }
.sc-amount-btn:hover, .sc-amount-btn.active { background: rgba(212,168,67,0.3); border-color: #d4a843; }
.sc-amount-custom { margin-bottom: 1.5rem; }
.sc-amount-custom label { color: #94a3b8; font-size: 0.85rem; display: block; margin-bottom: 0.3rem; }
.sc-amount-custom input { padding: 0.6rem; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(15,23,42,0.6); color: #e2e8f0; font-size: 1.1rem; width: 120px; }
#sc-paypal-button { margin-top: 1rem; min-height: 45px; }
.sc-donation-success { text-align: center; padding: 2rem; }
.sc-donation-success h3 { color: #4ade80; font-size: 1.3rem; }
.sc-donations-why { padding: 2rem; border-radius: 12px; margin-top: 1.5rem; background: rgba(26,39,68,0.5); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.06); }
.sc-donations-why h2 { color: #e2e8f0; margin: 0 0 1rem; }
.sc-donations-why ul { color: #94a3b8; line-height: 1.8; padding-left: 1.5rem; }
.sc-donations-why li { margin-bottom: 0.3rem; }
/* v36: Fallback donate button styles */
.sc-donate-fallback { text-align: center; padding: 1.5rem 0 0.5rem; }
.sc-donate-btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.9rem 2.5rem; border-radius: 50px; font-size: 1.1rem; font-weight: 700; text-decoration: none; transition: all 0.3s ease; cursor: pointer; border: none; }
.sc-donate-btn--paypal { background: linear-gradient(135deg, #ffc439 0%, #f0b429 100%); color: #003087; box-shadow: 0 4px 20px rgba(240,180,41,0.3); }
.sc-donate-btn--paypal:hover { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(240,180,41,0.45); color: #003087; text-decoration: none; }
.sc-donate-btn--paypal:active { transform: translateY(0); }
.sc-donate-btn--paypal svg { flex-shrink: 0; }
.sc-donate-divider { display: flex; align-items: center; gap: 1rem; margin: 1.2rem 0; color: #64748b; font-size: 0.85rem; }
.sc-donate-divider::before, .sc-donate-divider::after { content: ''; flex: 1; height: 1px; background: rgba(255,255,255,0.08); }
.sc-donate-bank { padding: 1rem; border-radius: 8px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); }
