.donor-section{padding:5rem 0;background:#f8fafc}.filter-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:white;border:2px solid #e5e7eb;color:#6b7280;padding:.75rem 1.5rem;border-radius:2rem;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn.active,.filter-btn:hover{background:#16a34a;color:white;border-color:#16a34a}.donors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.donor-card{background:white;padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.donor-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.donor-avatar{width:80px;height:80px;background:linear-gradient(135deg,#86efac,#4ade80);border-radius:50%;align-items:center;color:white;font-weight:700;font-size:1.5rem;margin:0 auto 1rem}.donor-avatar,.donor-types{display:flex;justify-content:center}.donor-types{gap:.5rem;margin:1rem 0;flex-wrap:wrap}.donor-type-tag{background:#f0fdf4;color:#16a34a;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.donor-amount{font-size:1.25rem;font-weight:700;color:#16a34a;margin:.5rem 0}.donor-projects{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.project-tag{background:#eff6ff;color:#1d4ed8;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem}.timeline-section{padding:5rem 0;background:#f8fafc}.year-selector{gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.year-btn,.year-selector{display:flex;justify-content:center}.year-btn{background:white;border:2px solid #e5e7eb;color:#6b7280;padding:1rem 1.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease;font-weight:600;width:70px;height:70px;align-items:center}.year-btn.active,.year-btn:hover{background:#16a34a;color:white;border-color:#16a34a;transform:scale(1.1)}.year{font-size:1rem}.active-milestone{background:white;padding:3rem;border-radius:1rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.1);text-align:center;max-width:600px;margin:0 auto 3rem;display:flex;flex-direction:column;align-items:center}.milestone-icon{font-size:4rem;margin-bottom:1.5rem}.milestone-content h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.milestone-content p{color:#6b7280;line-height:1.7;font-size:1.125rem}.timeline-progress{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;max-width:600px;margin:0 auto}.progress-fill{height:100%;background:#16a34a;border-radius:3px;transition:width .5s ease}@media (max-width:768px){.year-btn{width:60px;height:60px;padding:.75rem}.active-milestone{padding:2rem;margin:0 auto 2rem}.milestone-icon{font-size:3rem}}@media (max-width:480px){.year-selector{gap:.5rem}.year-btn{width:50px;height:50px}.year{font-size:.875rem}}.team-grid-section{padding:5rem 0;background:white}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.section-header p{font-size:1.125rem;color:#6b7280}.team-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.team-filter-btn{background:white;border:2px solid #e5e7eb;color:#6b7280;padding:.75rem 1.5rem;border-radius:2rem;cursor:pointer;transition:all .3s ease;font-weight:500}.team-filter-btn.active,.team-filter-btn:hover{background:#16a34a;color:white;border-color:#16a34a}.team-members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.team-member-card{background:#f8fafc;border-radius:1rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e2e8f0}.team-member-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.member-photo{height:200px;background:linear-gradient(135deg,#86efac,#4ade80)}.member-photo,.photo-placeholder{display:flex;align-items:center;justify-content:center}.photo-placeholder{width:120px;height:120px;background:white;border-radius:50%;font-size:2rem;font-weight:700;color:#16a34a;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.member-info{padding:2rem}.member-name{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.member-position{color:#16a34a;font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.member-experience{color:#6b7280;font-size:.9rem;margin-bottom:1rem}.member-bio{color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.member-expertise{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.expertise-tag{background:#e0f2fe;color:#0369a1;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.member-contact{display:flex;gap:.75rem}.contact-btn{background:#16a34a;color:white;padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background .3s ease;font-size:.875rem}.contact-btn:hover{background:#15803d}.contact-btn.outline{background:transparent;color:#16a34a;border:2px solid #16a34a}.contact-btn.outline:hover{background:#16a34a;color:white}@media (max-width:768px){.team-members-grid{grid-template-columns:1fr}.member-contact{flex-direction:column}.team-filters{gap:.5rem}.team-filter-btn{padding:.5rem 1rem;font-size:.875rem}}