.donate-page{background:linear-gradient(#f8f9fa 0%,#fff 100%);min-height:100vh}.donate-hero{text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:6rem 2rem 4rem;position:relative;overflow:hidden}.donate-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,rgba(139,195,74,.1) 0%,transparent 50%),radial-gradient(circle at 80%,rgba(139,195,74,.1) 0%,transparent 50%);position:absolute;top:0;bottom:0;left:0;right:0}.donate-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.donate-hero-title{color:#fff;margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.2}.donate-hero-line{background:linear-gradient(90deg,transparent,#8bc34a,transparent);width:100px;height:4px;margin:1.5rem auto}.donate-hero-subtitle{color:rgba(255,255,255,.9);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.donate-container{max-width:1400px;margin:0 auto;padding:3rem 2rem}.donate-loading{text-align:center;color:#666;padding:4rem 2rem;font-size:1.125rem}.donate-content{grid-template-columns:1fr 500px;align-items:start;gap:3rem;display:grid}.donate-section-title{color:#1a1a2e;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.donate-campaigns-section{position:-webkit-sticky;position:sticky;top:100px}.donate-campaigns-list{flex-direction:column;gap:1.5rem;display:flex}.donate-campaign-card{cursor:pointer;background:#fff;border:2px solid transparent;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05)}.donate-campaign-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.donate-campaign-card.selected{border-color:#8bc34a;box-shadow:0 8px 16px rgba(139,195,74,.2)}.donate-campaign-image{background:#f0f0f0;width:100%;height:200px;position:relative}.donate-campaign-content{padding:1.5rem}.donate-campaign-description{color:#1a1a2e;margin-bottom:1.5rem;font-size:1.125rem;font-weight:600;line-height:1.5}.donate-campaign-stats{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.donate-stat{flex-direction:column;gap:.25rem;display:flex}.donate-stat-label{color:#666;font-size:.875rem;font-weight:500}.donate-stat-value{color:#8bc34a;font-size:1.25rem;font-weight:700}.donate-progress-container{margin-top:1rem}.donate-progress-bar{background:#e0e0e0;border-radius:4px;width:100%;height:8px;margin-bottom:.5rem;overflow:hidden}.donate-progress-fill{background:linear-gradient(90deg,#8bc34a 0%,#7cb342 100%);height:100%;transition:width .5s}.donate-progress-text{color:#666;font-size:.875rem;font-weight:600}.donate-empty{text-align:center;color:#666;background:#f8f9fa;border-radius:16px;padding:3rem 2rem;font-size:1.125rem;line-height:1.6}.donate-form-section{flex-direction:column;gap:2rem;display:flex}.donate-form-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.05)}.donate-selected-campaign{background:#f0f7e6;border-left:4px solid #8bc34a;border-radius:12px;margin-bottom:2rem;padding:1rem 1.5rem}.donate-selected-label{color:#666;margin-bottom:.25rem;font-size:.875rem}.donate-selected-name{color:#1a1a2e;font-size:1.125rem;font-weight:700}.donate-amount-section{margin-bottom:1.5rem}.donate-label{color:#1a1a2e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:block}.donate-amount-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.donate-amount-btn{color:#1a1a2e;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.donate-amount-btn:hover{background:#f0f7e6;border-color:#8bc34a}.donate-amount-btn.active{color:#fff;background:#8bc34a;border-color:#8bc34a}.donate-input-group{margin-bottom:1.5rem}.donate-input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;width:100%;padding:.875rem 1rem;font-size:1rem;transition:all .3s}.donate-input:focus{border-color:#8bc34a;outline:none;box-shadow:0 0 0 3px rgba(139,195,74,.1)}.donate-divider{background:#e0e0e0;height:1px;margin:2rem 0}.donate-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8bc34a 0%,#7cb342 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-bottom:1rem;padding:1.25rem 2rem;font-size:1.125rem;font-weight:700;transition:all .3s;display:flex}.donate-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(139,195,74,.3)}.donate-submit-btn:active{transform:translateY(0)}.donate-secure-note{text-align:center;color:#666;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.donate-impact-card{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:16px;padding:2rem}.donate-impact-title{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.donate-impact-list{flex-direction:column;gap:1.5rem;display:flex}.donate-impact-item{align-items:flex-start;gap:1rem;display:flex}.donate-impact-icon{color:#fff;white-space:nowrap;background:#8bc34a;border-radius:8px;flex-shrink:0;padding:.5rem 1rem;font-size:.875rem;font-weight:700}.donate-impact-text{color:rgba(255,255,255,.9);font-size:.95rem;line-height:1.6}@media (max-width:1024px){.donate-content{grid-template-columns:1fr;gap:2rem}.donate-campaigns-section{position:static}}@media (max-width:768px){.donate-hero{padding:4rem 1.5rem 3rem}.donate-hero-title{font-size:2rem}.donate-hero-subtitle{font-size:1.125rem}.donate-container{padding:2rem 1rem}.donate-section-title{font-size:1.5rem}.donate-amount-grid{grid-template-columns:1fr}.donate-form-card,.donate-impact-card{padding:1.5rem}}@media (max-width:640px){.donate-hero-title{font-size:1.75rem}.donate-campaign-stats{grid-template-columns:1fr}}