*{box-sizing:border-box;margin:0;padding:0}:root{--primary-green:#2d8659;--light-green:#4caf50;--white:#fff;--light-gray:#f8f9fa;--dark-gray:#333;--accent:#ffb300}body{color:var(--dark-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.7}a{color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.section-title{text-align:center;color:var(--primary-green);margin-bottom:3rem;padding-bottom:1rem;font-size:2.5rem;position:relative}.section-title:after{content:"";background:var(--accent);width:80px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.section-intro-text{text-align:center;max-width:800px;margin:0 auto 3rem;font-size:1.1rem}.btn{background:var(--accent);color:var(--dark-gray);cursor:pointer;border:none;border-radius:30px;padding:1rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}@media (width<=768px){section{padding:3rem 1.5rem}.section-title{margin-bottom:2rem;font-size:2rem}.section-intro-text{margin-bottom:2rem;font-size:1rem}}nav{background:linear-gradient(135deg, var(--primary-green), var(--light-green));z-index:1000;padding:.7rem 0;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{color:var(--white);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo img{border-radius:5px;width:auto;height:40px}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--white);cursor:pointer;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:.8}.mobile-toggle{color:var(--white);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.mobile-menu-header,.mobile-close,.mobile-menu-overlay{display:none}.hero-slider-container{width:100%;height:90vh;position:relative;overflow:hidden}.hero{width:100%;height:100%;color:var(--white);background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative}.hero:before{content:"";z-index:1;background-color:#0000004d;position:absolute;inset:0}.hero-content{text-align:center;z-index:2;padding:0 1.5rem;position:relative}.hero h1{text-shadow:0 2px 4px #00000080;margin-bottom:1rem;font-size:3rem}.hero p{margin-bottom:2rem;font-size:1.3rem}.hero-dots{z-index:3;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:10px;height:10px;padding:0}.hero-dot.active{background:var(--accent)}@media (width<=768px){.hero-slider-container{height:45vh}.hero h1{font-size:clamp(2.3rem,8vw,2.8rem)}.hero p{font-size:clamp(1rem,4vw,1.2rem)}.hero .btn{padding:.9rem 1.8rem;font-size:.9rem}.nav-links{display:none}.mobile-toggle{display:block}}.about-content{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.about-card{background:var(--light-gray);border-radius:10px;padding:2rem;transition:transform .3s;box-shadow:0 3px 10px #0000001a}.about-card:hover{transform:translateY(-5px)}.about-card h3{color:var(--primary-green);align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.impact-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.impact-card{background:var(--white);border-radius:10px;transition:transform .3s;overflow:hidden;box-shadow:0 3px 15px #0000001a}.impact-card:hover{transform:translateY(-5px)}.impact-card-header{background:linear-gradient(135deg, var(--primary-green), var(--light-green));color:var(--white);padding:1.5rem}.impact-card-body{padding:1.5rem}.impact-card-body ul{padding-left:0;list-style:none}.impact-card-body li{border-bottom:1px solid var(--light-gray);padding:.5rem 0}.impact-card-body li:before{content:"✓";color:var(--light-green);font-weight:700}.impact-card-link{color:inherit;text-decoration:none;display:block}.view-details-link{color:var(--primary-green);margin-top:1rem;font-weight:700;transition:color .3s;display:inline-block}.impact-card-link:hover .view-details-link{color:var(--accent)}#impact-detail{position:relative}.back-link{background-color:var(--white);width:45px;height:45px;color:var(--primary-green);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;transition:transform .3s,background-color .3s;display:flex;position:absolute;top:4rem;left:2rem;box-shadow:0 2px 8px #00000026}.back-link:hover{background-color:#f1f1f1;transform:scale(1.1)}.impact-detail-content{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem;display:grid}.impact-detail-summary,.impact-detail-items{background-color:var(--white);border-radius:10px;padding:2rem;box-shadow:0 3px 10px #0000000d}.impact-detail-summary h3,.impact-detail-items h3{color:var(--primary-green);border-bottom:2px solid var(--accent);margin-top:0;margin-bottom:1rem;padding-bottom:.5rem}.impact-detail-summary p{white-space:pre-line}.donated-items-list ul{padding:0;list-style:none}.donated-items-list li{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.donated-items-list li i{color:var(--light-green)}.gallery-title{text-align:center;color:var(--primary-green);margin:4rem 0 2rem;font-size:2rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:250px;gap:1rem;display:grid}.gallery-item{border-radius:10px;position:relative;overflow:hidden;box-shadow:0 3px 10px #0000001a}.gallery-item--h-2{grid-row:span 2}.gallery-item--w-2{grid-area:span 2/span 2}.gallery-item img,.gallery-item video{object-fit:cover;width:100%;height:100%;transition:transform .4s ease-out;display:block}.gallery-item:hover img{transform:scale(1.1)}@media (width<=768px){.gallery-grid{grid-template-columns:1fr;grid-auto-rows:auto}.gallery-item--h-2,.gallery-item--w-2{grid-area:auto}.gallery-item{height:250px}}.leadership-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.leader-card{text-align:center;background:var(--light-gray);border-radius:10px;padding:2rem;transition:transform .3s}.leader-card:hover{transform:translateY(-5px)}.leader-card h3{color:var(--primary-green);margin-bottom:.5rem}.leader-card .role{color:var(--accent);margin-bottom:1rem;font-weight:700}.leader-photo-container{border:4px solid var(--white);background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 1.5rem;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000001a}.leader-photo-container img{object-fit:cover;width:100%;height:100%}.leader-photo-container i{color:#94a3b8;font-size:5rem}@media (width<=768px){.leader-photo-container{width:90px;height:90px}.leader-photo-container i{font-size:2.8rem}}.involved-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.involved-card{text-align:center;background:var(--white);cursor:pointer;border:none;border-radius:10px;padding:2rem;transition:transform .3s;box-shadow:0 3px 15px #0000001a}.involved-card:hover{transform:translateY(-5px)}.involved-icon{color:var(--primary-green);margin-bottom:1rem;font-size:3rem}.donation-options{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0;display:grid}.donation-card{background:var(--light-gray);text-align:center;border-radius:10px;padding:2rem}.donation-card i{color:var(--primary-green);margin-bottom:1rem;font-size:3rem}.donation-amount{background:var(--white);border-radius:5px;justify-content:space-between;align-items:center;margin:.5rem 0;padding:1rem;display:flex}.amount{color:var(--primary-green);font-size:1.2rem;font-weight:700}.momo-number-container{justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative}.copy-btn{cursor:pointer;color:var(--primary-green);background:0 0;border:none;padding:.2rem;transition:color .3s}.copy-btn:hover{color:var(--accent)}.copy-feedback{background-color:var(--dark-gray);color:var(--white);opacity:0;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;transition:opacity .3s;position:absolute;right:-70px}.copy-feedback.visible{opacity:1}.testimonial{background:var(--light-gray);border-left:5px solid var(--primary-green);white-space:pre-line;border-radius:10px;margin:2rem 0;padding:3rem;font-style:italic}.testimonial-author{text-align:right;color:var(--primary-green);margin-top:1rem;font-style:normal;font-weight:700}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.contact-info{background:var(--light-gray);border-radius:10px;padding:2rem}.contact-info h3{color:var(--primary-green);margin-bottom:1rem}.contact-item{align-items:center;gap:1rem;margin:1rem 0;display:flex}.contact-item i{color:var(--primary-green);font-size:1.5rem}.contact-item a{color:var(--dark-gray);word-break:break-all;text-decoration:none;transition:color .3s}.contact-item a:hover{color:var(--primary-green)}.social-links{gap:1rem;margin-top:1rem;display:flex}.social-links a{background:var(--primary-green);width:50px;height:50px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .3s;display:flex}.social-links a:hover{transform:scale(1.1)}.contact-form,.modal-content{background:var(--light-gray);border-radius:10px;padding:2rem;box-shadow:0 3px 10px #0000001a}.contact-form h3{color:var(--primary-green);text-align:center;margin-bottom:1.5rem}.contact-form form,.modal-content form{flex-direction:column;gap:1rem;display:flex}.form-group label{color:var(--dark-gray);margin-bottom:.5rem;font-weight:700;display:block}.contact-form input,.contact-form textarea,.contact-form select,.modal-content input,.modal-content textarea{border:1px solid #ccc;border-radius:5px;width:100%;padding:.8rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus,.modal-content input:focus,.modal-content textarea:focus{border-color:var(--primary-green);outline:none}.form-status{text-align:center;border-radius:5px;margin-bottom:1rem;padding:1rem;font-weight:700}.form-status.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.form-status.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.contact-form textarea{resize:vertical}footer{background:var(--dark-gray);color:var(--white);text-align:center;padding:3rem 2rem}footer a{color:var(--accent)}.scroll-to-top{background:var(--accent);width:50px;height:50px;color:var(--dark-gray);cursor:pointer;z-index:999;opacity:0;visibility:hidden;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:opacity .3s,visibility .3s,transform .3s;display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(20px)}.scroll-to-top.active{opacity:1;visibility:visible;transform:translateY(0)}.chat-widget{z-index:1010;position:fixed;bottom:20px;left:20px}.chat-fab{background:linear-gradient(135deg, var(--primary-green), var(--light-green));width:60px;height:60px;color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;transition:transform .3s;display:flex;box-shadow:0 4px 12px #0003}.chat-fab:hover{transform:scale(1.1)}.chat-options{visibility:hidden;opacity:0;flex-direction:column;gap:10px;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:absolute;bottom:75px;left:0;transform:translateY(10px)}.chat-option{background:var(--white);color:var(--dark-gray);white-space:nowrap;cursor:pointer;border:none;border-radius:25px;align-items:center;padding:10px 15px;font-size:1rem;text-decoration:none;transition:background-color .3s;display:flex;box-shadow:0 2px 8px #00000026}.chat-option:hover{background-color:var(--light-gray)}.chat-option i{color:var(--primary-green);margin-right:10px;font-size:1.2rem}.chat-widget.open .chat-options{visibility:visible;opacity:1;transform:translateY(0)}.modal-overlay{z-index:1050;background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-content{width:90%;max-width:500px;position:relative}.modal-content h3{color:var(--primary-green);margin-top:0;margin-bottom:1rem}.modal-close-btn{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1;position:absolute;top:10px;right:15px}.modal-close-btn:hover{color:var(--dark-gray)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spin-anim{animation:1s linear infinite spin}