.donate-hero{background:var(--secondary);text-align:center;color:#fff;justify-content:center;align-items:center;padding:10rem 0 5rem;display:flex;position:relative;overflow:hidden}.donate-hero:before{content:"";opacity:.2;background-image:url(/images/hero/hero-1.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.donate-hero .container{width:100%}.donate-hero .hero-content{z-index:2;max-width:800px;margin:0 auto;padding:0 1rem;position:relative}.donate-hero h1{color:#fff;text-align:center;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.2}.donate-hero p{color:#fffffff2;text-align:center;max-width:700px;margin:0 auto;font-size:clamp(1.125rem,3vw,1.5rem);line-height:1.6}.donate-intro{padding:var(--spacing-2xl)0;background:#fff}.intro-content{text-align:center;max-width:900px;margin:0 auto}.intro-text{color:var(--gray-700);font-size:1.25rem;line-height:1.8}.donation-options{padding:var(--spacing-3xl)0;background:#f8f9fa}.options-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;max-width:1200px;margin:0 auto;display:grid}.donation-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition-base);background:#fff;overflow:hidden}.donation-card:hover{transform:translateY(-5px)}.card-header{background:var(--primary);color:#fff;text-align:center;padding:2rem}.card-icon{margin-bottom:1rem;font-size:3rem}.card-header h2{color:#fff;margin:0;font-size:1.75rem;font-weight:700}.card-content{padding:2.5rem}.bank-info h3{color:var(--secondary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.bank-name{color:var(--gray-600);margin-bottom:2rem;font-size:1.125rem}.account-details{margin-bottom:2rem}.account-item{border-radius:var(--radius-md);border-left:4px solid var(--primary);background:#f8f9fa;margin-bottom:1.5rem;padding:1.25rem}.account-label{color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:block}.account-number-group{justify-content:space-between;align-items:center;gap:1rem;display:flex}.account-number{color:var(--primary);letter-spacing:.05em;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.copy-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.75rem;display:flex}.copy-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.copy-btn svg{font-size:1.25rem}.mobile-money{background:var(--accent);border-radius:var(--radius-md);color:#fff;padding:1.5rem}.mobile-money h4{color:#fff;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.mobile-money .account-number{color:#fff}.mobile-money .copy-btn{background:#fff3;border:1px solid #ffffff4d}.mobile-money .copy-btn:hover{background:#ffffff4d}.global-info{text-align:center}.global-description{color:var(--gray-700);margin-bottom:2rem;font-size:1.125rem;line-height:1.8}.global-info .btn{margin-bottom:1.5rem}.tax-note{color:var(--primary);justify-content:center;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.tax-note svg{font-size:1.25rem}.thank-you-section{background:var(--primary);padding:var(--spacing-3xl)0;color:#fff;text-align:center}.thank-you-content{max-width:900px;margin:0 auto}.heart-icon{color:#fff;margin-bottom:1.5rem;font-size:4rem;animation:1.5s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.thank-you-content h2{color:#fff;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.thank-you-content p{color:#fffffff2;margin-bottom:1.5rem;font-size:1.25rem;line-height:1.8}.closing-note{opacity:.9;font-style:italic}@media (max-width:768px){.donate-hero{padding:8rem 0 4rem}.donate-hero .hero-content{padding:0 1.5rem}.donate-hero h1{margin-bottom:1rem;font-size:2.5rem}.donate-hero p{padding:0 1rem;font-size:1.125rem}.options-grid{grid-template-columns:1fr;gap:2rem}.card-content{padding:1.5rem}.account-number{font-size:1.125rem}.thank-you-content h2{font-size:2rem}.thank-you-content p{font-size:1.125rem}}
