#root{width:100%;min-height:100vh}.join-us-section{padding:var(--spacing-5xl) 0;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%)}.background-images{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1}.bg-image-algorithmic{position:absolute;border-radius:16px;box-shadow:0 8px 32px #00000026;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.8;transition:all .2s ease-out;cursor:pointer;z-index:2}.bg-image-algorithmic:hover{opacity:1;transform:scale(1.05);box-shadow:0 12px 40px #00000040;z-index:10}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a28511a,#7cb3420d,#1a28511a);z-index:2}.join-us-container{position:relative;z-index:3;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.join-us-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:4rem 3rem;text-align:center;max-width:700px;margin:0 auto;box-shadow:0 25px 50px #0000001a,0 1px #fffc inset;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.content-header{margin-bottom:2rem}.content-body{margin-bottom:1rem}.volunteer-text{font-size:1.2rem;font-weight:600;color:#7cb342;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:3px;opacity:.9}.join-us-title{font-size:4.5rem;font-weight:900;color:#1a2851;margin-bottom:0;line-height:.9;text-transform:uppercase;letter-spacing:-1px;background:linear-gradient(135deg,#1a2851,#2d4a7a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.join-us-description{font-size:1.3rem;color:#555;line-height:1.6;font-weight:400;margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.join-us-button{border:none;border-radius:50px;font-weight:700;font-size:1rem;padding:18px 36px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #0000001a}.join-us-button.primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:var(--color-white);box-shadow:var(--shadow-lg);border:2px solid transparent}.join-us-button.primary:hover{background:linear-gradient(135deg,var(--color-accent-lighter) 0%,var(--color-accent) 100%);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.join-us-button.primary:active{transform:translateY(0);box-shadow:var(--shadow-lg)}.join-us-button.secondary{background:#fffffff2;color:var(--color-primary);border:2px solid var(--color-primary);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-lg)}.join-us-button.secondary:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.join-us-button.secondary:active{transform:translateY(0);box-shadow:var(--shadow-lg)}.decorative-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.floating-icon{position:absolute;font-size:1.5rem;opacity:.08;animation:float 4s ease-in-out infinite}.icon-1{top:15%;left:10%;animation-delay:0s}.icon-2{top:25%;right:15%;animation-delay:2s}.icon-3{bottom:20%;left:15%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(2deg)}}@media (max-width: 1024px){.bg-image-1,.bg-image-2,.bg-image-3,.bg-image-4{width:150px;height:180px}.bg-image-5,.bg-image-6{width:120px;height:150px}}@media (max-width: 768px){.join-us-section{padding:5rem 0;min-height:80vh}.join-us-content{padding:3rem 2rem;margin:0 1rem}.join-us-title{font-size:3.5rem}.join-us-description{font-size:1.1rem}.action-buttons{flex-direction:column;align-items:center}.join-us-button{width:100%;max-width:280px;font-size:1rem;padding:var(--spacing-lg) var(--spacing-xl);min-height:50px}.bg-image-5,.bg-image-6{display:none}}@media (max-width: 480px){.join-us-section{padding:4rem 0}.join-us-content{padding:2.5rem 1.5rem}.join-us-title{font-size:2.8rem}.volunteer-text{font-size:1rem;letter-spacing:2px}.join-us-description{font-size:1rem}.join-us-button{padding:14px 28px;font-size:.9rem}.bg-image-1,.bg-image-2,.bg-image-3,.bg-image-4{width:100px;height:120px}}:root{--color-primary: #1a2851;--color-primary-light: #2d4a7a;--color-accent: #7cb342;--color-accent-light: #9ccc65;--color-accent-lighter: #8bc34a;--color-blue: #3498db;--color-blue-dark: #2980b9;--color-purple: #9b59b6;--color-purple-dark: #8e44ad;--color-red: #e74c3c;--color-red-dark: #c0392b;--color-orange: #f39c12;--color-white: #ffffff;--color-gray-50: #f8f9fa;--color-gray-100: #e9ecef;--color-gray-300: #666666;--color-gray-500: #555555;--color-gray-900: #333333;--color-success: var(--color-accent);--color-error: var(--color-red);--color-warning: var(--color-orange);--color-info: var(--color-blue);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--line-height-base: 1.6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 8rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 50px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 15px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .15);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);line-height:var(--line-height-base);color:var(--color-gray-900);background-color:var(--color-white);overflow-x:hidden}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}}@media (max-width: 480px){.container{padding:0 var(--spacing-md)}}.section{padding:var(--spacing-5xl) 0}@media (max-width: 768px){.section{padding:var(--spacing-4xl) 0}}@media (max-width: 480px){.section{padding:var(--spacing-3xl) 0}}.section-title{font-size:2.5rem;font-weight:800;color:var(--color-primary);margin-bottom:var(--spacing-2xl);text-align:center}@media (max-width: 768px){.section-title{font-size:2rem;margin-bottom:var(--spacing-xl)}}@media (max-width: 480px){.section-title{font-size:1.75rem;margin-bottom:var(--spacing-lg)}}.section-title.center,.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all .3s ease}.floating-navbar{background:#1a2851cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);margin:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000001a,0 1px #ffffff1a inset;transition:all var(--transition-base)}.floating-navbar.scrolled{background:#1a2851f2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:var(--shadow-xl),0 1px #ffffff26 inset;border:1px solid rgba(255,255,255,.15)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;position:relative}.nav-logo{text-decoration:none;color:var(--color-white);font-weight:700;font-size:1.5rem}.logo-container{display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-base)}.logo-container:hover{transform:scale(1.02)}.logo-image{width:32px;height:32px;border-radius:var(--radius-sm);transition:all var(--transition-base)}.floating-navbar.scrolled .logo-image{width:28px;height:28px}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:#ffffffe6;font-weight:500;position:relative;padding:.75rem 1rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem}.nav-link:hover{color:#fff;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-1px)}.nav-link.active{color:#fff;background:#7cb34233;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #7cb34226}.nav-underline{position:absolute;bottom:0;left:0;right:0;height:2px;background:#9ccc65;border-radius:1px}.donate-btn{background:linear-gradient(135deg,#7cb342,#9ccc65);color:#fff;text-decoration:none;padding:.875rem 1.75rem;border-radius:16px;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #7cb3424d,0 1px #fff3 inset;position:relative;overflow:hidden}.donate-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #7cb34266,0 1px #ffffff4d inset;background:linear-gradient(135deg,#8bc34a,#aed581)}.donate-btn:active{transform:translateY(-1px) scale(1.01)}.mobile-menu-btn{display:none;background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:.75rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-menu-btn:hover{background:#ffffff26;transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}.mobile-menu{display:none;position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;background:#1a2851f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:1.5rem;gap:.5rem;border-radius:20px;box-shadow:0 12px 40px #00000026,0 1px #ffffff1a inset;border:1px solid rgba(255,255,255,.1)}.mobile-nav-link{text-decoration:none;color:#ffffffe6;padding:1rem;font-weight:500;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:.25rem;display:block}.mobile-nav-link:hover{color:#fff;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(4px)}.mobile-nav-link.active{color:#fff;background:#7cb34233;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #7cb34226}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0000004d,#0000001a);z-index:2}.hero-content{position:relative;width:100%;height:100%;z-index:3;padding:0 5%}.hero-serving{position:absolute;top:15%;left:8%}.hero-main-text{font-size:clamp(3rem,12vw,9rem);font-weight:900;color:#fff;margin:0;line-height:.9;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.hero-small-text{font-size:clamp(1rem,3vw,2rem);font-weight:400;color:#fff;font-style:italic;text-shadow:1px 1px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.hero{height:80vh}.hero-content{padding:0 var(--spacing-lg)}}@media (max-width: 480px){.hero{height:75vh}.hero-content{padding:0 var(--spacing-md)}}.hero-impact{position:absolute;top:15%;right:8%}.hero-leadership{position:absolute;bottom:15%;left:8%}.hero-forward{position:absolute;bottom:15%;right:8%;text-align:right}.connection-line{position:absolute;background:#fff;height:2px;z-index:3}.line-serving-impact{top:calc(15% + 50px);left:calc(8% + 320px);width:calc(84% - 440px);transform:translateY(-50%)}.line-leadership-forward{bottom:calc(15% + 50px);left:calc(8% + 200px);width:calc(84% - 400px);transform:translateY(50%)}.section-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;color:#1a2851;margin-bottom:3rem;text-align:left}.section-title.center{text-align:center}.journey-section{padding:8rem 0;background:#f8f9fa}.journey-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.journey-image img{width:100%;border-radius:20px;box-shadow:0 20px 40px #0000001a}.journey-description{font-size:1.2rem;line-height:1.8;color:#555;margin-bottom:2rem}.journey-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all var(--transition-base);border:none;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:48px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);color:var(--color-white);box-shadow:var(--shadow-md);border:2px solid transparent}.btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-lighter) 0%,var(--color-accent) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn-secondary{background:#fffffff2;color:var(--color-primary);border:2px solid var(--color-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn-primary.large{padding:20px 40px;font-size:1.2rem}.mission-section{padding:8rem 0;background:#f8f9fa}.problem-solution-section{padding:8rem 0;background:linear-gradient(135deg,#1a2851,#2d4a7a);color:#fff}.problem-solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;margin-top:4rem}.problem-card,.solution-card{background:#fffffff2;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #00000026;transition:transform .3s ease,box-shadow .3s ease}.problem-card:hover,.solution-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px #0003}.card-header{padding:2rem;text-align:center}.card-header.problem{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.card-header.solution{background:linear-gradient(135deg,#7cb342,#9ccc65);color:#fff}.card-content{padding:2rem;color:#333}.card-content p{margin-bottom:1.5rem;line-height:1.6}.card-content ul{list-style:none;padding:0;margin:1.5rem 0}.card-content li{padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.5}.card-content li:before{content:"✓";position:absolute;left:0;color:#7cb342;font-weight:700;font-size:1.2rem}.problem-card .card-content li:before{color:#e74c3c}.impact-statement{background:#f8f9fa;padding:1.5rem;border-radius:12px;border-left:4px solid #7cb342;font-style:italic;margin-top:1.5rem}.problem-card .impact-statement{border-left-color:#e74c3c}.sustainability-section{padding:8rem 0;background:#f8f9fa}.sustainability-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;margin-top:4rem}.funding-model-card,.revenue-streams-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #00000014;transition:transform .3s ease,box-shadow .3s ease}.funding-model-card:hover,.revenue-streams-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px #0000001f}.card-header.funding{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:2rem;text-align:center}.card-header.revenue{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;padding:2rem;text-align:center}.card-header h3{font-size:1.8rem;font-weight:800;margin:0}.funding-breakdown{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.funding-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #3498db}.funding-item .percentage{font-size:2.5rem;font-weight:900;color:#3498db;line-height:1}.funding-item .label{font-size:1.2rem;font-weight:700;color:#1a2851;margin:.5rem 0}.funding-item .description{font-size:.9rem;color:#666;line-height:1.4}.impact-calculator{padding:0 2rem 2rem;border-top:1px solid #e9ecef;margin-top:1rem}.impact-calculator h4{font-size:1.3rem;font-weight:700;color:#1a2851;margin-bottom:1.5rem;text-align:center}.calculator-examples{display:flex;flex-direction:column;gap:1rem}.example{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;transition:background .3s ease}.example:hover{background:#e9ecef}.example .amount{font-size:1.1rem;font-weight:700;color:#3498db;min-width:60px}.example .equals{font-size:1.2rem;color:#7cb342;font-weight:700}.example .impact{font-size:.95rem;color:#555;line-height:1.4}.revenue-streams{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.stream{display:flex;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #9b59b6;transition:background .3s ease}.stream:hover{background:#e9ecef}.stream-icon{font-size:2rem;min-width:50px;display:flex;align-items:center;justify-content:center}.stream-content h4{font-size:1.1rem;font-weight:700;color:#1a2851;margin-bottom:.5rem}.stream-content p{font-size:.9rem;color:#666;line-height:1.4;margin-bottom:.5rem}.stream-impact{font-size:.8rem;color:#9b59b6;font-weight:600;background:#9b59b61a;padding:.3rem .6rem;border-radius:4px;display:inline-block}.long-term-vision{max-width:1200px;margin:4rem auto 0;padding:3rem;background:#fff;border-radius:20px;box-shadow:0 12px 40px #00000014}.long-term-vision h3{font-size:2rem;font-weight:800;color:#1a2851;text-align:center;margin-bottom:3rem}.vision-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.timeline-item{display:flex;gap:1.5rem;padding:2rem;background:#f8f9fa;border-radius:16px;border-left:4px solid #7cb342;transition:transform .3s ease,box-shadow .3s ease}.timeline-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.timeline-year{font-size:1.1rem;font-weight:700;color:#7cb342;min-width:80px;text-align:center;background:#fff;padding:.5rem;border-radius:8px;height:fit-content}.timeline-content h4{font-size:1.2rem;font-weight:700;color:#1a2851;margin-bottom:.5rem}.timeline-content p{font-size:.95rem;color:#666;line-height:1.5;margin:0}.partnership-section{padding:8rem 0;background:linear-gradient(135deg,#1a2851,#2d4a7a);color:#fff}.partnership-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;margin-top:4rem}.current-partners,.partnership-opportunities{background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 12px 40px #00000026}.current-partners h3,.partnership-opportunities h3{font-size:1.8rem;font-weight:800;color:#1a2851;margin-bottom:2rem;text-align:center}.partners-showcase{display:flex;flex-direction:column;gap:1.5rem}.partner-category h4{font-size:1.2rem;font-weight:700;color:#1a2851;margin-bottom:1rem}.opportunity-tiers{display:flex;flex-direction:column;gap:1.5rem}.tier{background:#f8f9fa;border-radius:12px;padding:1.5rem;border-left:4px solid #7cb342;transition:transform .3s ease,box-shadow .3s ease}.tier:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tier-header h4{font-size:1.2rem;font-weight:700;color:#1a2851;margin:0}.tier ul{list-style:none;padding:0;margin:0}.tier li{padding:.4rem 0 .4rem 1.2rem;position:relative;color:#666;font-size:.9rem}.tier li:before{content:"✓";position:absolute;left:0;color:#7cb342;font-weight:700}.ecosystem-benefits{max-width:1200px;margin:4rem auto 0;padding:3rem;background:#fffffff2;border-radius:20px;box-shadow:0 12px 40px #00000026}.ecosystem-benefits h3{font-size:2rem;font-weight:800;color:#1a2851;text-align:center;margin-bottom:3rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.benefit{text-align:center;padding:2rem;background:#f8f9fa;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease}.benefit:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.benefit-icon{font-size:3rem;margin-bottom:1rem}.benefit h4{font-size:1.3rem;font-weight:700;color:#1a2851;margin-bottom:1rem}.benefit p{font-size:.95rem;color:#666;line-height:1.5;margin:0}.social-proof-section{padding:8rem 0;background:#f8f9fa}.social-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;margin-top:4rem}.media-coverage,.awards-recognition{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 12px 40px #00000014}.media-coverage h3,.awards-recognition h3{font-size:1.8rem;font-weight:800;color:#1a2851;margin-bottom:2rem;text-align:center}.media-items{display:flex;flex-direction:column;gap:1.5rem}.media-item{display:flex;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #3498db;transition:transform .3s ease,box-shadow .3s ease}.media-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.media-logo{font-size:2rem;min-width:50px;display:flex;align-items:center;justify-content:center}.media-content h4{font-size:1.1rem;font-weight:700;color:#1a2851;margin-bottom:.5rem}.media-content p{font-size:.9rem;color:#666;line-height:1.4;margin-bottom:.5rem;font-style:italic}.media-source{font-size:.8rem;color:#3498db;font-weight:600;background:#3498db1a;padding:.3rem .6rem;border-radius:4px;display:inline-block}.awards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.award{background:#f8f9fa;border-radius:12px;padding:1.5rem;text-align:center;border-left:4px solid #f39c12;transition:transform .3s ease,box-shadow .3s ease}.award:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.award-icon{font-size:2.5rem;margin-bottom:1rem}.award-content h4{font-size:1rem;font-weight:700;color:#1a2851;margin-bottom:.5rem}.award-content p{font-size:.85rem;color:#666;line-height:1.4;margin-bottom:.5rem}.award-year{font-size:.8rem;color:#f39c12;font-weight:600;background:#f39c121a;padding:.3rem .6rem;border-radius:4px;display:inline-block}.endorsements{max-width:1200px;margin:4rem auto 0;padding:3rem;background:#fff;border-radius:20px;box-shadow:0 12px 40px #00000014}.endorsements h3{font-size:2rem;font-weight:800;color:#1a2851;text-align:center;margin-bottom:3rem}.endorsement-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.quote{background:#f8f9fa;border-radius:16px;padding:2rem;border-left:4px solid #7cb342;transition:transform .3s ease,box-shadow .3s ease}.quote:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.quote p{font-size:1.1rem;color:#555;line-height:1.6;margin-bottom:1.5rem;font-style:italic}.quote-author{display:flex;flex-direction:column;gap:.3rem}.author-name{font-size:1rem;font-weight:700;color:#1a2851}.author-title{font-size:.9rem;color:#7cb342;font-weight:600}.mission-layout{display:flex;flex-direction:column;gap:4rem;margin-top:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.mission-item{display:flex;align-items:center;gap:3rem;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #00000014;transition:all .3s ease;padding:0}.mission-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.mission-item.mission-item-left{flex-direction:row!important}.mission-item.mission-item-left .mission-content{order:1}.mission-item.mission-item-left .mission-image{order:2}.mission-item.mission-item-right{flex-direction:row!important}.mission-item.mission-item-right .mission-content{order:2}.mission-item.mission-item-right .mission-image{order:1}.mission-content{flex:.3;padding:3rem;min-width:280px;display:flex;flex-direction:column;justify-content:center}.mission-icon-square{background:#1a2851;width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff}.mission-content h3{font-size:2.2rem;font-weight:800;margin-bottom:1rem;color:#1a2851;line-height:1.2}.mission-content p{color:#666;line-height:1.6;font-size:1.1rem;max-width:300px}.mission-image{overflow:hidden;border-radius:20px}.mission-image-standard{flex:.7;height:320px}.mission-image-wide{flex:.7;height:280px}.mission-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mission-item:hover .mission-image img{transform:scale(1.02)}.logo-image{height:48px;width:auto;object-fit:contain}.impact-section{padding:8rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.impact-cta{text-align:center;margin-top:3rem}.learn-more-section{padding:8rem 0;background:#f8f9fa}.learn-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.learn-more-card{background:#fff;border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 12px 40px #00000014;transition:transform .3s ease,box-shadow .3s ease}.learn-more-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001f}.learn-more-card .card-icon{font-size:4rem;margin-bottom:1.5rem}.learn-more-card h3{font-size:1.8rem;font-weight:800;color:#1a2851;margin-bottom:1rem}.learn-more-card p{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:2rem}.impact-page,.partnerships-page,.sustainability-page,.about-page{min-height:100vh}.impact-hero,.partnerships-hero,.sustainability-hero{padding:12rem 0 8rem;background:linear-gradient(135deg,#1a2851,#2d4a7a);color:#fff;text-align:center}.sustainability-intro-section{padding:8rem 0;background:#fff}.sustainability-intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.sustainability-intro-content{text-align:left}.sustainability-intro-image{display:flex;justify-content:center;align-items:center}.sustainability-intro-image img{width:100%;max-width:500px;height:auto;border-radius:20px;box-shadow:0 20px 60px #0000001a}.intro-text{font-size:1.2rem;font-weight:600;color:#1a2851;margin-bottom:2rem}.sustainability-description{font-size:1.1rem;line-height:1.6;margin-top:1.5rem;opacity:.9}.about-hero{padding:12rem 0 8rem;background:linear-gradient(135deg,#1a2851,#2d4a7a);color:#fff;text-align:center}.about-title,.impact-title,.partnerships-title,.sustainability-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;margin-bottom:2rem;line-height:1.1}.about-subtitle,.impact-subtitle,.partnerships-subtitle,.sustainability-subtitle{font-size:1.3rem;line-height:1.6;opacity:.9;margin-bottom:2rem}.tennis-career-section{padding:8rem 0;background:#f8f9fa}.career-content{max-width:1200px;margin:0 auto}.career-text{margin-bottom:4rem}.career-intro{font-size:1.2rem;font-weight:600;color:#1a2851;margin-bottom:2rem}.career-text p{font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;color:#333}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.achievement-card{background:#fff;padding:2.5rem 2rem;border-radius:16px;text-align:center;box-shadow:0 8px 30px #00000014;transition:transform .3s ease,box-shadow .3s ease}.achievement-card:hover{transform:translateY(-8px);box-shadow:0 16px 50px #0000001f}.achievement-icon{color:#7cb342;margin-bottom:1.5rem}.achievement-card h3{font-size:1.3rem;font-weight:700;color:#1a2851;margin-bottom:1rem}.achievement-card p{font-size:1rem;color:#666;line-height:1.5;margin:0}.accident-section{padding:8rem 0;background:#fff}.accident-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.accident-content{text-align:left}.accident-intro{font-size:1.2rem;font-weight:600;color:#1a2851;margin-bottom:2rem}.accident-content p{font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;color:#333}.accident-quote{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-radius:16px;margin-top:2rem;border-left:4px solid #7cb342}.accident-quote blockquote{font-size:1.2rem;font-style:italic;color:#1a2851;margin:0 0 1rem;line-height:1.6}.accident-quote cite{font-size:1rem;color:#7cb342;font-weight:600}.accident-image{display:flex;justify-content:center;align-items:center}.accident-image img{width:100%;max-width:500px;height:auto;border-radius:20px;box-shadow:0 20px 60px #0000001a}.transformation-section{padding:8rem 0;background:#f8f9fa}.transformation-content{max-width:1200px;margin:0 auto}.transformation-text{margin-bottom:4rem}.transformation-text p{font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;color:#333}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.value-card{background:#fff;padding:3rem 2rem;border-radius:16px;text-align:center;box-shadow:0 8px 30px #00000014;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-8px);box-shadow:0 16px 50px #0000001f}.value-icon{color:#7cb342;margin-bottom:1.5rem}.value-card h3{font-size:1.4rem;font-weight:700;color:#1a2851;margin-bottom:1rem}.value-card p{font-size:1rem;color:#666;line-height:1.6;margin:0}.mission-story-section{padding:8rem 0;background:#fff}.mission-story-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.mission-story-image{display:flex;justify-content:center;align-items:center}.mission-story-image img{width:100%;max-width:500px;height:auto;border-radius:20px;box-shadow:0 20px 60px #0000001a}.mission-story-content{text-align:left}.mission-story-content p{font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;color:#333}.mission-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.stat-item{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#7cb342,#9ccc65);border-radius:12px;color:#fff}.stat-number{font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.stat-label{font-size:1rem;font-weight:600;opacity:.9}.about-cta-section{padding:8rem 0;background:linear-gradient(135deg,#1a2851,#2d4a7a);color:#fff;text-align:center}.about-cta-section .cta-content h2{font-size:3rem;font-weight:900;margin-bottom:1.5rem}.about-cta-section .cta-content p{font-size:1.2rem;margin-bottom:3rem;opacity:.9}.impact-title,.partnerships-title,.sustainability-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;margin-bottom:2rem;letter-spacing:-.02em}.impact-subtitle,.partnerships-subtitle,.sustainability-subtitle{font-size:1.3rem;line-height:1.6;max-width:800px;margin:0 auto;opacity:.9}.impact-stats-section{padding:8rem 0;background:#f8f9fa}.impact-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.program-metrics-section{padding:8rem 0;background:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.metric-card{background:#f8f9fa;border-radius:16px;padding:2rem;text-align:center;border-left:4px solid #7cb342;transition:transform .3s ease}.metric-card:hover{transform:translateY(-4px)}.metric-value{font-size:2.5rem;font-weight:900;color:#1a2851;margin-bottom:.5rem}.metric-label{font-size:1.1rem;font-weight:700;color:#1a2851;margin-bottom:.5rem}.metric-description{font-size:.9rem;color:#666;line-height:1.4}.success-stories-section{padding:8rem 0;background:#f8f9fa}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.story-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #00000014;transition:transform .3s ease}.story-card:hover{transform:translateY(-4px)}.story-image{height:250px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;object-position:center}.story-content{padding:2rem}.story-header h3{font-size:1.3rem;font-weight:700;color:#1a2851;margin-bottom:.5rem}.story-location{display:flex;align-items:center;gap:.5rem;color:#7cb342;font-size:.9rem;font-weight:600;margin-bottom:1rem}.story-text{font-size:1rem;color:#666;line-height:1.6;margin-bottom:1.5rem}.story-achievements h4{font-size:1rem;font-weight:700;color:#1a2851;margin-bottom:.8rem}.achievement-tags{display:flex;flex-wrap:wrap;gap:.5rem}.achievement-tag{background:#7cb3421a;color:#7cb342;padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600}.geographic-impact-section{padding:8rem 0;background:#fff}.geographic-content{max-width:1200px;margin:0 auto;margin-top:4rem}.geographic-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.geo-stat{text-align:center;padding:2rem;background:#f8f9fa;border-radius:16px}.geo-number{font-size:3rem;font-weight:900;color:#7cb342;margin-bottom:.5rem}.geo-label{font-size:1.1rem;font-weight:700;color:#1a2851}.impact-vision{background:#f8f9fa;padding:3rem;border-radius:20px;text-align:center}.impact-vision h3{font-size:2rem;font-weight:800;color:#1a2851;margin-bottom:1.5rem}.impact-vision p{font-size:1.1rem;color:#666;line-height:1.6;max-width:800px;margin:0 auto}.impact-cta-section{padding:8rem 0;background:linear-gradient(135deg,#1a2851,#2d4a7a);color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.learn-more-grid,.impact-stats-grid,.stories-grid{grid-template-columns:1fr;gap:1.5rem}.geographic-stats{grid-template-columns:1fr;gap:1rem}.cta-buttons{flex-direction:column;align-items:center}.impact-title,.partnerships-title,.sustainability-title{font-size:2.5rem}.impact-hero,.partnerships-hero,.sustainability-hero{padding:8rem 0 6rem}.sustainability-hero-layout{grid-template-columns:1fr;gap:3rem;text-align:center}.sustainability-hero-content{text-align:center}.sustainability-hero-image img{max-width:400px}.sustainability-intro-layout{grid-template-columns:1fr;gap:3rem}.sustainability-intro-content{text-align:center}.sustainability-intro-image img{max-width:400px}.accident-layout,.mission-story-layout{grid-template-columns:1fr;gap:3rem}.accident-content,.mission-story-content{text-align:center}.achievements-grid,.values-grid,.mission-stats{grid-template-columns:1fr;gap:1.5rem}.about-title{font-size:2.5rem}.about-cta-section .cta-content h2{font-size:2rem}.partners-showcase,.opportunity-tiers{grid-template-columns:1fr;gap:1.5rem}.tier-header{flex-direction:column;gap:.5rem;text-align:center}.process-steps{grid-template-columns:1fr;gap:1.5rem}.process-step{flex-direction:column;text-align:center}.step-number{margin:0 auto 1rem}.funding-breakdown,.calculator-grid,.revenue-streams,.timeline,.reports-grid{grid-template-columns:1fr;gap:1.5rem}}.partnerships-page{min-height:100vh}.current-partners-section{padding:8rem 0;background:#f8f9fa}.partners-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.partner-category{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 12px 40px #00000014;transition:transform .3s ease}.partner-category:hover{transform:translateY(-4px)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.category-icon{font-size:2rem}.category-header h3{font-size:1.5rem;font-weight:700;color:#1a2851;margin:0}.category-description{font-size:1rem;color:#666;line-height:1.5;margin-bottom:1.5rem}.partner-logos{display:flex;flex-wrap:wrap;gap:.8rem}.partner-logo{background:#f8f9fa;color:#1a2851;padding:.8rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;border:2px solid transparent;transition:all .3s ease}.partner-logo:hover{border-color:#7cb342;background:#7cb3421a}.partnership-opportunities-section{padding:8rem 0;background:#fff}.opportunity-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.tier-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 12px 40px #00000014;border-left:4px solid #7cb342;transition:transform .3s ease}.tier-card:hover{transform:translateY(-4px)}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tier-icon{font-size:2rem;margin-right:1rem}.tier-header h3{font-size:1.3rem;font-weight:700;color:#1a2851;margin:0;flex:1}.tier-amount{font-size:1rem;font-weight:600;color:#7cb342;background:#7cb3421a;padding:.4rem .8rem;border-radius:6px}.tier-benefits h4{font-size:1.1rem;font-weight:700;color:#1a2851;margin-bottom:1rem}.tier-benefits ul{list-style:none;padding:0;margin:0 0 1.5rem}.tier-benefits li{padding:.4rem 0 .4rem 1.2rem;position:relative;color:#666;font-size:.9rem}.tier-benefits li:before{content:"✓";position:absolute;left:0;color:#7cb342;font-weight:700}.tier-impact{font-size:.9rem;color:#1a2851;font-weight:600;margin-bottom:1.5rem}.tier-cta{width:100%;padding:.8rem 1.5rem;background:linear-gradient(135deg,#7cb342,#9ccc65);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.tier-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7cb3424d}.partnership-benefits-section{padding:8rem 0;background:#f8f9fa}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.benefit-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 12px 40px #00000014;transition:transform .3s ease}.benefit-card:hover{transform:translateY(-4px)}.benefit-icon{color:#7cb342;margin-bottom:1rem}.benefit-card h3{font-size:1.3rem;font-weight:700;color:#1a2851;margin-bottom:1rem}.benefit-card p{font-size:1rem;color:#666;line-height:1.5}.partnership-process-section{padding:8rem 0;background:#fff}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.process-step{display:flex;gap:1.5rem;padding:2rem;background:#f8f9fa;border-radius:16px;border-left:4px solid #7cb342;transition:transform .3s ease}.process-step:hover{transform:translateY(-2px)}.step-number{font-size:2rem;font-weight:900;color:#7cb342;min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 4px 15px #0000001a}.step-content h3{font-size:1.3rem;font-weight:700;color:#1a2851;margin-bottom:.5rem}.step-content p{font-size:1rem;color:#666;line-height:1.5;margin:0}.partnership-cta-section{padding:8rem 0;background:linear-gradient(135deg,#1a2851,#2d4a7a);color:#fff;text-align:center}.cta-icon{margin-bottom:2rem}.sustainability-page{min-height:100vh}.funding-model-section{padding:8rem 0;background:#f8f9fa}.funding-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.funding-item{background:#fff;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 12px 40px #00000014;transition:transform .3s ease}.funding-item:hover{transform:translateY(-4px)}.funding-percentage{font-size:3.5rem;font-weight:900;margin-bottom:.5rem}.funding-category{font-size:1.3rem;font-weight:700;color:#1a2851;margin-bottom:1rem}.funding-description{font-size:1rem;color:#666;line-height:1.5;margin-bottom:1.5rem}.funding-bar{height:8px;border-radius:4px;margin-top:1rem}.impact-calculator-section{padding:8rem 0;background:#fff}.calculator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.calculator-item{background:#f8f9fa;border-radius:16px;padding:2rem;text-align:center;border-left:4px solid #7cb342;transition:transform .3s ease}.calculator-item:hover{transform:translateY(-2px)}.calculator-amount{font-size:2rem;font-weight:900;color:#7cb342;margin-bottom:.5rem}.calculator-equals{font-size:1.5rem;color:#1a2851;font-weight:700;margin-bottom:.5rem}.calculator-impact{font-size:1.1rem;font-weight:700;color:#1a2851;margin-bottom:.5rem}.calculator-description{font-size:.9rem;color:#666;line-height:1.4}.revenue-streams-section{padding:8rem 0;background:#f8f9fa}.revenue-streams{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.revenue-stream{background:#fff;border-radius:16px;padding:2rem;border-left:4px solid #7cb342;transition:transform .3s ease}.revenue-stream:hover{transform:translateY(-2px)}.stream-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.stream-icon{color:#7cb342}.stream-info h3{font-size:1.2rem;font-weight:700;color:#1a2851;margin:0 0 .3rem}.stream-percentage{font-size:1rem;font-weight:600;color:#7cb342;background:#7cb3421a;padding:.2rem .6rem;border-radius:4px;display:inline-block}.stream-description{font-size:.95rem;color:#666;line-height:1.5;margin-bottom:1rem}.stream-impact{font-size:.9rem;color:#7cb342;font-weight:600;background:#7cb3421a;padding:.3rem .6rem;border-radius:4px;display:inline-block}.vision-timeline-section{padding:8rem 0;background:#fff}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.timeline-item{background:#f8f9fa;border-radius:16px;padding:2rem;border-left:4px solid #7cb342;transition:transform .3s ease}.timeline-item:hover{transform:translateY(-2px)}.timeline-year{font-size:1.2rem;font-weight:700;color:#7cb342;margin-bottom:1rem}.timeline-content h3{font-size:1.3rem;font-weight:700;color:#1a2851;margin-bottom:.5rem}.timeline-content p{font-size:1rem;color:#666;line-height:1.5;margin-bottom:1rem}.timeline-goals h4{font-size:1rem;font-weight:700;color:#1a2851;margin-bottom:.8rem}.timeline-goals ul{list-style:none;padding:0;margin:0}.timeline-goals li{padding:.3rem 0 .3rem 1.2rem;position:relative;color:#666;font-size:.9rem}.timeline-goals li:before{content:"•";position:absolute;left:0;color:#7cb342;font-weight:700}.financial-reports-section{padding:8rem 0;background:#f8f9fa}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;margin-top:4rem}.report-card{background:#fff;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 12px 40px #00000014;transition:transform .3s ease}.report-card:hover{transform:translateY(-4px)}.report-icon{color:#7cb342;margin-bottom:1rem}.report-card h3{font-size:1.3rem;font-weight:700;color:#1a2851;margin-bottom:1rem}.report-card p{font-size:1rem;color:#666;line-height:1.5;margin-bottom:1.5rem}.report-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,#7cb342,#9ccc65);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.report-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7cb3424d}.sustainability-cta-section{padding:8rem 0;background:linear-gradient(135deg,#1a2851,#2d4a7a);color:#fff;text-align:center}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.impact-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);padding:var(--spacing-3xl) var(--spacing-xl);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-xl);transition:transform var(--transition-base),box-shadow var(--transition-base);min-height:160px}.impact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.impact-icon{color:var(--color-accent-light);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#9ccc651a;border-radius:var(--radius-md);border:2px solid rgba(156,204,101,.2)}.impact-content{flex:1;display:flex;flex-direction:column;gap:.3rem}.impact-label{font-size:1rem;font-weight:600;color:#9ccc65;line-height:1.2;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.5px}.impact-value{font-size:2.8rem;font-weight:900;color:#fff;line-height:1;margin-bottom:.3rem}.impact-description{font-size:.9rem;color:#ffffffd9;line-height:1.4;margin:0;max-width:280px}.voice-section{padding:8rem 0;background:#fff}.voice-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}.testimonial-carousel{position:relative}.testimonial-content{min-height:200px;display:flex;align-items:center}.testimonial{font-size:1.5rem;line-height:1.6;color:#555;font-style:italic;margin-bottom:2rem}.testimonial p{margin-bottom:2rem}.testimonial cite{display:block;font-size:1rem;color:#7cb342;font-weight:600;font-style:normal}.testimonial-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.testimonial-btn{background:#f8f9fa;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#1a2851}.testimonial-btn:hover{background:#1a2851;color:#fff}.testimonial-dots{display:flex;gap:.5rem}.testimonial-dot{width:12px;height:12px;border-radius:50%;border:none;background:#e9ecef;cursor:pointer;transition:all .3s ease}.testimonial-dot.active{background:#7cb342}.voice-image{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #00000026;height:100%;aspect-ratio:1 / 1}.voice-image img{width:100%;height:100%;object-fit:cover;object-position:top}.join-section{padding:8rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative;overflow:hidden}.join-container{max-width:1200px;margin:0 auto;padding:0 20px}.join-circle-layout{position:relative;width:800px;height:800px;margin:0 auto;display:flex;align-items:center;justify-content:center}.join-center{position:absolute;z-index:5;text-align:center;background:#fff;padding:3rem 2rem;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px}.join-title{font-size:3rem;font-weight:900;color:#1a2851;margin-bottom:1rem}.join-description{font-size:1.2rem;color:#555;margin-bottom:2rem;line-height:1.6}.join-image{position:absolute;width:180px;height:180px;border-radius:20px;overflow:hidden;box-shadow:0 15px 30px #0003;transition:all .3s ease}.join-image img{width:100%;height:100%;object-fit:cover}.join-image-1{top:20px;left:50%;transform:translate(-50%)}.join-image-2{top:150px;right:50px}.join-image-3{bottom:150px;right:50px}.join-image-4{bottom:20px;left:50%;transform:translate(-50%)}.join-image-5{bottom:150px;left:50px}.join-image-6{top:150px;left:50px}.footer{background:linear-gradient(135deg,#1a2851,#0f1928);color:#fff;padding:6rem 0 2rem;margin-top:auto;position:relative;overflow:hidden}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:6rem;margin-bottom:4rem;align-items:start}.footer-left{display:flex;flex-direction:column;gap:3rem}.footer-logo{display:flex;align-items:center;gap:1rem}.footer-logo-image{height:40px;width:auto;object-fit:contain}.footer-logo h2{font-size:3rem;font-weight:900;line-height:.9;margin:0;color:#fff}.footer-social{display:flex;gap:1.5rem;align-items:center}.footer-social a{color:#ffffffb3;transition:color .3s ease;text-decoration:none}.footer-social a:hover{color:#fff}.behance-icon{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:background .3s ease}.behance-icon:hover{background:#fff3}.footer-right{padding-left:2rem}.newsletter-section h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.newsletter-section p{color:#fffc;line-height:1.6;margin-bottom:2rem;font-size:1rem}.newsletter-form{display:flex;gap:0;border-bottom:2px solid rgba(255,255,255,.3);transition:border-color .3s ease}.newsletter-form:focus-within{border-color:#fff}.newsletter-input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;padding:1rem 0;outline:none}.newsletter-input::placeholder{color:#fff9}.newsletter-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:1rem;transition:opacity .3s ease}.newsletter-btn:hover{opacity:.7}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;color:#fff9;font-size:.9rem}.footer-bg-text{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);font-size:12rem;font-weight:900;color:#ffffff08;white-space:nowrap;z-index:1;pointer-events:none}.page-container{padding:8rem 2rem 4rem;max-width:1200px;margin:0 auto}.contact-page{min-height:100vh}.contact-hero{padding:8rem 0 4rem;background:linear-gradient(135deg,#1a2851,#2d4a7a);color:#fff;text-align:center}.contact-hero-content{max-width:800px;margin:0 auto}.contact-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;margin-bottom:2rem;line-height:1.1}.contact-subtitle{font-size:1.4rem;line-height:1.6;opacity:.9;max-width:600px;margin:0 auto}.contact-main{padding:6rem 0;background:#f8f9fa}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto}.contact-info h2,.contact-form-section h2{font-size:2.5rem;font-weight:900;color:#1a2851;margin-bottom:2rem}.contact-form-section p{font-size:1.1rem;color:#666;margin-bottom:2rem}.content-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border-left:4px solid #7cb342;transition:transform .3s ease,box-shadow .3s ease}.content-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.content-section p{color:#666;line-height:1.7;font-size:1.1rem;margin:0}.contact-form{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 8px 40px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#1a2851;margin-bottom:.5rem;font-size:1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease;background:#f8f9fa}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#7cb342;box-shadow:0 0 0 3px #7cb3421a;background:#fff}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn-primary{width:100%;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);min-height:50px}@media (max-width: 768px){.contact-form input,.contact-form textarea,.contact-form select{font-size:16px;min-height:44px}.contact-form .form-row{flex-direction:column}.contact-form .form-group{margin-bottom:var(--spacing-lg)}}.contact-faq{padding:6rem 0;background:#fff}.contact-faq h2{font-size:2.5rem;font-weight:900;color:#1a2851;text-align:center;margin-bottom:3rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.faq-item{background:#f8f9fa;padding:2rem;border-radius:16px;border-left:4px solid #7cb342}.faq-item h3{font-size:1.3rem;font-weight:700;color:#1a2851;margin-bottom:1rem}.faq-item p{color:#666;line-height:1.6;margin:0}@media (max-width: 768px){.problem-solution-grid{grid-template-columns:1fr;gap:2rem}.card-header,.card-content{padding:1.5rem}.sustainability-grid{grid-template-columns:1fr;gap:2rem}.vision-timeline{grid-template-columns:1fr;gap:1.5rem}.timeline-item{flex-direction:column;text-align:center}.timeline-year{min-width:auto;width:fit-content;margin:0 auto}.partnership-grid{grid-template-columns:1fr;gap:2rem}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.tier-header{flex-direction:column;gap:.5rem;text-align:center}.social-proof-grid{grid-template-columns:1fr;gap:2rem}.endorsement-quotes{grid-template-columns:1fr;gap:1.5rem}.awards-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.mobile-menu-btn{display:block}.mobile-menu.open{display:flex}.floating-navbar{margin:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl)}.floating-navbar.scrolled{margin:.5rem 1rem;border-radius:18px}.nav-container{padding:0 24px}.nav-menu{display:none}.hero-main-text{font-size:3rem}.hero-small-text{font-size:1rem}.hero-serving,.hero-impact,.hero-leadership,.hero-forward{padding:0 2%}.hero-serving{top:10%;left:4%}.hero-impact{top:10%;right:4%}.hero-leadership{bottom:10%;left:4%}.hero-forward{bottom:10%;right:4%}.line-serving-impact,.line-leadership-forward{display:none}.journey-content,.voice-content{grid-template-columns:1fr;gap:2rem}.journey-buttons{justify-content:center}.mission-layout{gap:2rem}.mission-item,.mission-item.mission-item-left,.mission-item.mission-item-right{flex-direction:column!important;gap:0}.mission-content{padding:2rem;min-width:auto}.mission-image-standard,.mission-image-wide{height:200px;flex:none;border-radius:0 0 20px 20px}.mission-content h3{font-size:1.8rem}.impact-grid,.impact-stats-grid{grid-template-columns:1fr;gap:1.5rem}.impact-card{padding:2rem 1.5rem;min-height:140px;gap:1rem;flex-direction:column;text-align:center}.impact-icon{width:50px;height:50px}.impact-value{font-size:2.2rem}.impact-label{font-size:.9rem}.impact-description{font-size:.85rem;max-width:none}.section-title{font-size:2.5rem}.hero-labels{flex-direction:column;gap:1rem;text-align:center}.contact-grid{grid-template-columns:1fr;gap:3rem}.form-row{grid-template-columns:1fr;gap:1rem}.contact-hero{padding:6rem 0 3rem}.contact-main,.contact-faq{padding:4rem 0}.faq-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero-title{font-size:3rem}.btn-primary,.btn-secondary{width:100%;text-align:center;font-size:1rem;padding:var(--spacing-lg) var(--spacing-xl);min-height:50px}.journey-buttons{flex-direction:column}.voice-content{grid-template-columns:1fr;gap:2rem}.voice-image{height:300px}.join-circle-layout{width:600px;height:600px}.join-image{width:120px;height:120px}.join-center{max-width:300px;padding:2rem 1.5rem}.join-title{font-size:2rem}.footer-content{grid-template-columns:1fr;gap:3rem}.footer-right{padding-left:0}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer-bg-text{font-size:8rem;bottom:-30px}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:2rem}.error-boundary-content{text-align:center;max-width:500px;padding:3rem;background:#fff;border-radius:20px;box-shadow:0 12px 40px #0000001a}.error-boundary-content h2{font-size:2rem;font-weight:800;color:#1a2851;margin-bottom:1rem}.error-boundary-content p{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:2rem}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.loading-spinner{display:flex;align-items:center;justify-content:center}.w-6{width:1.5rem;height:1.5rem}.w-12{width:3rem;height:3rem}.w-16{width:4rem;height:4rem}.h-6{height:1.5rem}.h-12{height:3rem}.h-16{height:4rem}.spinner-ring{width:100%;height:100%;border:3px solid rgba(124,179,66,.3);border-top:3px solid #7cb342;border-radius:50%}.loading-message{font-size:1rem;color:#666;text-align:center;margin:0}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c!important;box-shadow:0 0 0 3px #e74c3c1a!important}.error-message{display:block;color:#e74c3c;font-size:.875rem;margin-top:.5rem;font-weight:500}.form-message{margin-top:1rem;padding:1rem;border-radius:8px;font-weight:600;text-align:center}.form-message.success{background:#7cb3421a;color:#7cb342;border:1px solid rgba(124,179,66,.3)}.form-message.error{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary:disabled:hover{transform:none!important;box-shadow:0 4px 15px #7cb3424d!important}.lazy-image-container{position:relative;overflow:hidden}.lazy-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.placeholder-img{width:100%;height:100%;object-fit:cover;filter:blur(5px);opacity:.5}.lazy-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.lazy-image.loading{opacity:0}.lazy-image.loaded{opacity:1}.lazy-image-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:#666;font-size:.9rem}.interactive-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;overflow:hidden;font-family:inherit}.btn-content{display:flex;align-items:center;gap:.5rem;z-index:2;position:relative}.btn-icon{display:flex;align-items:center}.btn-ripple{position:absolute;top:50%;left:50%;width:100px;height:100px;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);z-index:1}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-medium{padding:.75rem 1.5rem;font-size:1rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-ghost{background:#ffffffe6;color:#1a2851;border:2px solid #1a2851;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-ghost:hover{background:#1a2851;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #1a28514d}.btn-ghost:active{transform:translateY(0);box-shadow:0 4px 15px #1a285133}.interactive-btn{position:relative;overflow:hidden;border:none;cursor:pointer;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;border-radius:12px}.btn-primary:focus,.btn-secondary:focus,.btn-ghost:focus,.interactive-btn:focus{outline:none;box-shadow:0 0 0 3px #7cb3424d}.btn-secondary:focus{box-shadow:0 0 0 3px #1a28514d}@media (prefers-contrast: high){.btn-primary{border:2px solid #000}.btn-secondary{background:#fff;border:3px solid #000;color:#000}.btn-secondary:hover{background:#000;color:#fff}}.fab-container{position:fixed;bottom:2rem;right:2rem;z-index:1000}.fab-main{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#7cb342,#9ccc65);color:#fff;border:none;font-size:1.5rem;font-weight:300;cursor:pointer;box-shadow:0 4px 20px #7cb34266;display:flex;align-items:center;justify-content:center}.fab-actions{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.fab-action{position:relative;width:48px;height:48px;border-radius:50%;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003}.fab-tooltip{position:absolute;right:60px;background:#000c;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.fab-action:hover .fab-tooltip{opacity:1}.scroll-to-top{position:fixed;bottom:2rem;left:2rem;width:48px;height:48px;border-radius:50%;background:#1a2851e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-nav-drawer{position:fixed;top:0;left:0;width:320px;height:100vh;background:#fff;z-index:1999;display:flex;flex-direction:column;box-shadow:4px 0 20px #0000001a}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e9ecef}.mobile-nav-logo{display:flex;align-items:center;gap:.75rem}.mobile-nav-logo img{width:32px;height:32px}.mobile-nav-logo span{font-weight:700;color:#1a2851;font-size:1.125rem}.mobile-nav-close{background:none;border:none;color:#666;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s ease}.mobile-nav-close:hover{background:#f8f9fa}.mobile-nav-items{flex:1;padding:1rem 0;overflow-y:auto}.mobile-nav-item{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#333;text-decoration:none;transition:all .2s ease;border-left:4px solid transparent}.mobile-nav-item:hover{background:#f8f9fa;color:#7cb342}.mobile-nav-item.active{background:#7cb3421a;color:#7cb342;border-left-color:#7cb342;font-weight:600}.mobile-nav-icon{display:flex;align-items:center;color:inherit}.mobile-nav-label{font-size:1rem}.mobile-nav-indicator{position:absolute;right:1rem;width:6px;height:6px;background:#7cb342;border-radius:50%}.mobile-nav-cta{padding:1.5rem;border-top:1px solid #e9ecef}.mobile-donate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,#7cb342,#9ccc65);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;margin-bottom:1.5rem;transition:transform .2s ease}.mobile-donate-btn:hover{transform:translateY(-1px)}.mobile-nav-social{text-align:center}.mobile-nav-social p{font-size:.875rem;color:#666;margin-bottom:.75rem}.social-links{display:flex;justify-content:center;gap:1rem}.social-links a{font-size:1.25rem;text-decoration:none;transition:transform .2s ease}.social-links a:hover{transform:scale(1.2)}.progress-ring-container{position:relative;display:inline-block}.progress-ring-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-ring-value{font-size:1.5rem;font-weight:800;color:#1a2851;line-height:1}.progress-ring-label{font-size:.875rem;color:#666;margin-top:.25rem}.toast-container{position:fixed;top:2rem;right:2rem;z-index:2000;display:flex;flex-direction:column;gap:.75rem;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:12px;color:#fff;box-shadow:0 8px 25px #00000026;border-left:4px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-content{display:flex;align-items:center;gap:.75rem;flex:1}.toast-icon{display:flex;align-items:center;flex-shrink:0}.toast-message{font-weight:500;line-height:1.4}.toast-close{background:none;border:none;color:currentColor;cursor:pointer;padding:.25rem;border-radius:4px;opacity:.8;transition:opacity .2s ease;margin-left:1rem;flex-shrink:0}.toast-close:hover{opacity:1}.animated-counter{display:inline-block;font-weight:800;color:#1a2851}@media (max-width: 768px){.fab-container{bottom:1rem;right:1rem}.fab-main{width:48px;height:48px}.fab-action{width:40px;height:40px}.toast-container{top:1rem;right:1rem;left:1rem;max-width:none}.mobile-nav-drawer{width:280px}}@media (max-width: 480px){.toast{padding:.875rem 1rem}.toast-message{font-size:.875rem}}
