.donate-hero{background:linear-gradient(135deg,var(--color-primary-500),var(--color-secondary-500));color:#fff;padding:var(--space-16) 0;text-align:center}
.donate-hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}
.donate-hero .hero-subtitle{font-size:var(--text-xl);margin-bottom:var(--space-6)}
.donate-hero .impact-stat{font-size:var(--text-2xl);font-weight:700}
.donate-container{display:grid;grid-template-columns:1fr 400px;gap:var(--space-8);padding:var(--space-12) 0}
.donation-form{background:#fff;padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.form-section{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-neutral-200)}
.form-section:last-child{border-bottom:none}
.form-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-6);color:var(--color-neutral-900)}
.amount-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}
.amount-btn{padding:var(--space-6);font-size:var(--text-xl);font-weight:700;border:2px solid var(--color-neutral-300);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all .2s}
.amount-btn:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}
.amount-btn.active{border-color:var(--color-primary-500);background:var(--color-primary-500);color:#fff}
.custom-amount{grid-column:span 3}
.custom-amount label{display:block;margin-bottom:var(--space-2);font-weight:600}
.custom-amount input{width:100%;padding:var(--space-4);font-size:var(--text-xl);border:2px solid var(--color-neutral-300);border-radius:var(--radius-md)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.form-group{margin-bottom:var(--space-4)}
.form-group label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--color-neutral-700)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--text-base)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}
.required{color:var(--color-error-500)}
.error-message{color:var(--color-error-500);font-size:var(--text-sm);margin-top:var(--space-2);display:none}
.error-message.show{display:block}
.radio-group{display:flex;flex-direction:column;gap:var(--space-3)}
.radio-label{display:flex;align-items:center;padding:var(--space-4);border:2px solid var(--color-neutral-300);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}
.radio-label:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}
.radio-label input{margin-right:var(--space-3)}
.radio-label input:checked+span{font-weight:700}
.conditional-field{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md)}
.gift-aid-section{background:var(--color-secondary-50);padding:var(--space-6);border-radius:var(--radius-md)}
.gift-aid-explainer{background:#fff;padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);border-left:4px solid var(--color-secondary-500)}
.gift-aid-explainer strong{color:var(--color-secondary-700)}
.checkbox-label{display:flex;align-items:start;cursor:pointer}
.checkbox-label input{margin-right:var(--space-3);margin-top:4px}
.checkbox-large{padding:var(--space-4);background:#fff;border-radius:var(--radius-md);font-weight:600}
.gift-aid-declaration{font-size:var(--text-sm);color:var(--color-neutral-600);margin-top:var(--space-4);padding:var(--space-3);background:#fff;border-radius:var(--radius-sm)}
.card-element{padding:var(--space-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background:#fff}
.trust-badges{display:flex;gap:var(--space-4);margin-top:var(--space-4);justify-content:center}
.trust-badges .badge{padding:var(--space-2) var(--space-4);background:var(--color-success-50);color:var(--color-success-700);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600}
.btn-block{width:100%;margin-top:var(--space-6)}
.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.donate-sidebar{display:flex;flex-direction:column;gap:var(--space-6)}
.sidebar-card{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.sidebar-card h3{font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--color-neutral-900)}
.impact-item{padding:var(--space-4);border-left:4px solid var(--color-primary-500);margin-bottom:var(--space-4);background:var(--color-primary-50)}
.impact-amount{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary-600);margin-bottom:var(--space-2)}
.trust-card{background:var(--color-success-50);border:2px solid var(--color-success-200)}
.charity-number{font-size:var(--text-sm);color:var(--color-neutral-600);margin-top:var(--space-4);font-weight:600}
.donation-item{padding:var(--space-3);border-bottom:1px solid var(--color-neutral-200);font-size:var(--text-sm)}
.donation-item:last-child{border-bottom:none}
.donation-time{color:var(--color-neutral-500);font-size:var(--text-xs);margin-top:var(--space-1)}
@media(max-width:768px){.donate-container{grid-template-columns:1fr}.donate-sidebar{order:-1}.amount-selector{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}
.site-footer{background:var(--color-neutral-900);color:#fff;padding:var(--space-8) 0;margin-top:var(--space-16);text-align:center}#cookie-consent-banner{display:none !important}