:root{--primary-green: #008751;--primary-green-dark: #006B40;--primary-green-light: #00A86B;--accent-gold: #D4A017;--accent-gold-light: #F4C430;--white: #FFFFFF;--off-white: #F8F9FA;--light-gray: #E9ECEF;--medium-gray: #6C757D;--dark-gray: #343A40;--text-dark: #1A1A2E;--text-body: #4A4A5A;--font-display: "Playfair Display", Georgia, serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;--section-padding: 100px;--container-max: 1200px;--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--text-body);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-dark);line-height:1.3}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;height:auto}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.text-center{text-align:center}.section-padding{padding:var(--section-padding) 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}::selection{background-color:var(--primary-green);color:var(--white)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;padding:20px 0;transition:all var(--transition-medium)}.header.scrolled{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;padding:12px 0}.header .container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:24px;font-weight:700;font-family:var(--font-display)}.logo-text{display:flex;flex-direction:column}.logo-name{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--white);letter-spacing:.5px;transition:color var(--transition-medium)}.header.scrolled .logo-name{color:var(--text-dark)}.logo-tagline{font-size:11px;color:#fffc;text-transform:uppercase;letter-spacing:1.5px;transition:color var(--transition-medium)}.header.scrolled .logo-tagline{color:var(--primary-green)}.nav-menu{display:flex;align-items:center;gap:40px}.nav-link{font-size:15px;font-weight:500;color:#ffffffe6;position:relative;padding:8px 0;transition:color var(--transition-fast)}.header.scrolled .nav-link{color:var(--text-dark)}.nav-link:hover{color:var(--accent-gold-light)}.header.scrolled .nav-link:hover{color:var(--primary-green)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-gold);transition:width var(--transition-medium)}.nav-link:hover:after{width:100%}.header.scrolled .nav-link:after{background:var(--primary-green)}.nav-cta{background:var(--accent-gold);color:var(--text-dark);padding:12px 28px;border-radius:50px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-medium)}.nav-cta:hover{background:var(--accent-gold-light);transform:translateY(-2px);box-shadow:0 8px 25px #d4a01766}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;padding:5px}.mobile-menu-toggle span{width:28px;height:2px;background:var(--white);transition:all var(--transition-fast)}.header.scrolled .mobile-menu-toggle span{background:var(--text-dark)}.hero{min-height:100vh;background:linear-gradient(135deg,#006b40f2,#008751e6,#00a86bd9),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.03"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.03"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.02"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(212,160,23,.15) 0%,transparent 70%);animation:float 8s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);animation:float 10s ease-in-out infinite reverse}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 24px;border-radius:50px;margin-bottom:32px;animation:fadeInUp .8s ease forwards}.hero-badge-dot{width:8px;height:8px;background:var(--accent-gold);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-badge-text{color:var(--white);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:2px}.hero-title{font-size:clamp(40px,7vw,72px);color:var(--white);margin-bottom:24px;animation:fadeInUp .8s ease .2s forwards;opacity:0}.hero-title span{color:var(--accent-gold)}.hero-description{font-size:clamp(16px,2.5vw,20px);color:#ffffffe6;max-width:700px;margin:0 auto 48px;line-height:1.8;animation:fadeInUp .8s ease .4s forwards;opacity:0}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease .6s forwards;opacity:0}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:50px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-medium)}.btn-primary{background:var(--accent-gold);color:var(--text-dark)}.btn-primary:hover{background:var(--accent-gold-light);transform:translateY(-3px);box-shadow:0 12px 35px #d4a01766}.btn-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.4)}.btn-outline:hover{background:#ffffff1a;border-color:var(--white);transform:translateY(-3px)}.hero-stats{display:flex;justify-content:center;gap:60px;margin-top:80px;padding-top:40px;border-top:1px solid rgba(255,255,255,.15);animation:fadeInUp .8s ease .8s forwards;opacity:0}.hero-stat{text-align:center}.hero-stat-number{font-family:var(--font-display);font-size:42px;font-weight:700;color:var(--white);margin-bottom:8px}.hero-stat-label{font-size:13px;color:#ffffffb3;text-transform:uppercase;letter-spacing:2px}.section-header{text-align:center;margin-bottom:60px}.section-label{display:inline-block;font-size:12px;font-weight:600;color:var(--primary-green);text-transform:uppercase;letter-spacing:3px;margin-bottom:16px;position:relative}.section-label:before,.section-label:after{content:"";position:absolute;top:50%;width:30px;height:1px;background:var(--primary-green)}.section-label:before{right:calc(100% + 15px)}.section-label:after{left:calc(100% + 15px)}.section-title{font-size:clamp(32px,5vw,48px);color:var(--text-dark);margin-bottom:20px}.section-subtitle{font-size:18px;color:var(--text-body);max-width:600px;margin:0 auto}.about{background:var(--off-white);position:relative;overflow:hidden}.about:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-green) 0%,var(--accent-gold) 50%,var(--primary-green) 100%)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-image{position:relative}.about-image-main{width:100%;height:500px;background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.about-image-main:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle cx="100" cy="100" r="80" fill="none" stroke="white" stroke-width="0.5" opacity="0.2"/><circle cx="100" cy="100" r="60" fill="none" stroke="white" stroke-width="0.5" opacity="0.15"/><circle cx="100" cy="100" r="40" fill="none" stroke="white" stroke-width="0.5" opacity="0.1"/></svg>');background-size:cover}.about-image-icon{font-size:120px;position:relative;z-index:1}.about-image-badge{position:absolute;bottom:-20px;right:-20px;background:var(--accent-gold);color:var(--text-dark);padding:24px 32px;border-radius:16px;text-align:center;box-shadow:0 20px 60px #00000026}.about-image-badge-number{font-family:var(--font-display);font-size:36px;font-weight:700;display:block}.about-image-badge-text{font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.about-content h2{font-size:42px;margin-bottom:24px}.about-content h2 span{color:var(--primary-green)}.about-content p{margin-bottom:20px;font-size:17px}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.about-feature{display:flex;align-items:flex-start;gap:16px}.about-feature-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.about-feature h4{font-size:16px;margin-bottom:4px;color:var(--text-dark)}.about-feature p{font-size:14px;color:var(--medium-gray);margin:0}.projects{background:var(--white)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.project-card{background:var(--white);border-radius:24px;overflow:hidden;box-shadow:0 10px 40px #00000014;transition:all var(--transition-medium);position:relative}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00000026}.project-image{height:200px;position:relative;overflow:hidden}.project-card:nth-child(1) .project-image{background:linear-gradient(135deg,#e74c3c,#c0392b)}.project-card:nth-child(2) .project-image{background:linear-gradient(135deg,#3498db,#2980b9)}.project-card:nth-child(3) .project-image{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.project-image-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;opacity:.9}.project-tag{position:absolute;top:20px;left:20px;background:#fffffff2;padding:8px 16px;border-radius:50px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-dark)}.project-content{padding:32px}.project-title{font-size:22px;margin-bottom:12px;color:var(--text-dark)}.project-description{font-size:15px;color:var(--text-body);margin-bottom:24px;line-height:1.7}.project-meta{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--light-gray)}.project-goal{text-align:left}.project-goal-label{font-size:11px;color:var(--medium-gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.project-goal-amount{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--primary-green)}.project-btn{background:var(--primary-green);color:var(--white);padding:12px 24px;border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-medium)}.project-btn:hover{background:var(--primary-green-dark);transform:translate(5px)}.impact{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);position:relative;overflow:hidden}.impact:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="white" opacity="0.05"/><circle cx="80" cy="40" r="3" fill="white" opacity="0.05"/><circle cx="40" cy="80" r="2" fill="white" opacity="0.05"/><circle cx="90" cy="90" r="4" fill="white" opacity="0.03"/></svg>')}.impact .section-label{color:var(--accent-gold)}.impact .section-label:before,.impact .section-label:after{background:var(--accent-gold)}.impact .section-title{color:var(--white)}.impact .section-subtitle{color:#ffffffd9}.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative;z-index:1}.impact-card{text-align:center;padding:40px 24px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.15);transition:all var(--transition-medium)}.impact-card:hover{background:#ffffff26;transform:translateY(-5px)}.impact-icon{font-size:48px;margin-bottom:20px}.impact-number{font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--white);margin-bottom:8px}.impact-label{font-size:14px;color:#fffc;text-transform:uppercase;letter-spacing:2px}.mission{background:var(--off-white)}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.mission-card{background:var(--white);padding:48px 36px;border-radius:20px;text-align:center;box-shadow:0 10px 40px #0000000f;transition:all var(--transition-medium);position:relative;overflow:hidden}.mission-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-green),var(--accent-gold));transform:scaleX(0);transition:transform var(--transition-medium)}.mission-card:hover:before{transform:scaleX(1)}.mission-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001a}.mission-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;font-size:36px}.mission-title{font-size:24px;margin-bottom:16px;color:var(--text-dark)}.mission-description{font-size:15px;color:var(--text-body);line-height:1.8}.cta{background:var(--white);text-align:center}.cta-box{background:linear-gradient(135deg,var(--text-dark) 0%,#2D2D44 100%);border-radius:32px;padding:80px 60px;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(212,160,23,.2) 0%,transparent 70%)}.cta-box:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,135,81,.15) 0%,transparent 70%)}.cta-content{position:relative;z-index:1}.cta-title{font-size:clamp(32px,5vw,48px);color:var(--white);margin-bottom:20px}.cta-title span{color:var(--accent-gold)}.cta-description{font-size:18px;color:#fffc;max-width:600px;margin:0 auto 40px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.contact{background:var(--off-white)}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.contact-info h3{font-size:32px;margin-bottom:20px}.contact-info p{font-size:16px;color:var(--text-body);margin-bottom:40px}.contact-details{display:flex;flex-direction:column;gap:24px}.contact-item{display:flex;align-items:flex-start;gap:20px}.contact-item-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.contact-item-content h4{font-size:16px;margin-bottom:4px;color:var(--text-dark)}.contact-item-content p{font-size:15px;color:var(--text-body);margin:0}.contact-item-content a{color:var(--primary-green);font-weight:500}.contact-item-content a:hover{text-decoration:underline}.contact-form-wrapper{background:var(--white);padding:48px;border-radius:24px;box-shadow:0 10px 40px #00000014}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text-dark)}.form-group input,.form-group textarea{padding:16px 20px;border:2px solid var(--light-gray);border-radius:12px;font-size:15px;font-family:var(--font-body);transition:all var(--transition-fast);background:var(--off-white)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-green);background:var(--white)}.form-group textarea{resize:vertical;min-height:140px}.form-submit{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);color:var(--white);padding:18px 40px;border-radius:50px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-medium);align-self:flex-start}.form-submit:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00875166}.footer{background:var(--text-dark);color:var(--white);padding:80px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand .logo{margin-bottom:24px}.footer-brand .logo-name{color:var(--white)}.footer-brand .logo-tagline{color:var(--accent-gold)}.footer-brand p{font-size:15px;color:#ffffffb3;line-height:1.8;margin-bottom:24px}.footer-org-info{background:#ffffff1a;padding:16px 20px;border-radius:12px;border-left:4px solid var(--accent-gold);margin-top:20px}.footer-org-info p{margin:0;font-size:14px;color:#ffffffe6;line-height:1.6}.footer-org-info p strong{color:var(--white);font-weight:600}.footer-org-info p:last-child{margin-top:4px;color:var(--accent-gold);font-weight:500}.footer-social{display:flex;gap:12px}.footer-social a{width:44px;height:44px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-medium)}.footer-social a:hover{background:var(--primary-green);transform:translateY(-3px)}.footer-column h4{font-size:16px;font-weight:600;margin-bottom:24px;color:var(--white);text-transform:uppercase;letter-spacing:1px}.footer-links{display:flex;flex-direction:column;gap:14px}.footer-links a{font-size:15px;color:#ffffffb3;transition:all var(--transition-fast)}.footer-links a:hover{color:var(--accent-gold);padding-left:8px}.footer-newsletter p{font-size:15px;color:#ffffffb3;margin-bottom:20px}.footer-contact-list{display:flex;flex-direction:column;gap:16px}.footer-contact-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#fffc;line-height:1.6}.footer-contact-icon{font-size:16px;flex-shrink:0;margin-top:2px}.footer-contact-item a{color:#fffc;transition:color var(--transition-fast);word-break:break-all}.footer-contact-item a:hover{color:var(--accent-gold)}.footer-bottom{padding:30px 0;display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-size:14px;color:#fff9}.footer-legal{display:flex;gap:30px}.footer-legal a{font-size:14px;color:#fff9;transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--accent-gold)}@media(max-width:1024px){.about-grid{grid-template-columns:1fr;gap:60px}.about-image{order:-1}.projects-grid,.impact-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--section-padding: 60px}.nav-menu{display:none;position:fixed;inset:0;background:var(--text-dark);flex-direction:column;justify-content:center;align-items:center;gap:32px}.nav-menu.active{display:flex}.nav-link{color:var(--white);font-size:24px}.mobile-menu-toggle{display:flex}.hero-stats{flex-direction:column;gap:30px}.about-features,.projects-grid,.impact-grid,.mission-grid,.contact-grid,.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}.cta-box{padding:50px 30px}}@media(max-width:480px){.hero-buttons{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.contact-form-wrapper{padding:32px 24px}.project-meta{flex-direction:column;gap:16px;align-items:flex-start}.project-btn{width:100%;text-align:center;justify-content:center}}