*{box-sizing:border-box;margin:0;padding:0}body{width:100%;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}#root{width:100%}.program-content-section{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 5%;display:flex}.program-container{justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1400px;display:flex}.program-image{flex:1}.program-image img{object-fit:contain;border-radius:10px;width:100%;height:420px}.program-content{flex:1}.program-content p{color:#444;margin-bottom:20px;font-size:17px;line-height:1.7}.program-content ul{margin-bottom:20px;padding-left:20px}.program-content ul li{margin-bottom:10px;font-size:17px}@media (width<=900px){.program-container{flex-direction:column}.program-image img{height:300px}}body{margin:0;padding:0}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#ffffffd9;width:100%;padding:6px 16px;transition:background .3s,box-shadow .3s;position:sticky;top:0;box-shadow:0 4px 12px #00000014}.navbar:hover{background:#fffffff2;box-shadow:0 6px 14px #0000001f}.navbar-container{flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;display:flex}.logo{cursor:pointer;align-items:center;display:flex}.logo img{width:170px;height:auto;transition:transform .3s}.logo img:hover{transform:scale(1.05)}.menu{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:14px;display:flex}.menu a,.dropbtn{color:#333;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px 12px;font-size:15px;text-decoration:none;transition:all .2s;display:flex}.menu a:hover,.dropbtn:hover{color:#1565c0;background:#1565c014}.menu svg{margin-right:6px;font-size:16px}.icon-home{color:#ff7043}.icon-about{color:#29b6f6}.icon-work{color:#ab47bc}.icon-campaign{color:#ef5350}.icon-involved{color:#ffca28}.icon-media{color:#7e57c2}.icon-resource{color:#66bb6a}.icon-contact{color:#ef5350}.donate-btn{background:linear-gradient(45deg,#ff4c4c,red);border:none;border-radius:8px;padding:8px 18px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #ff000059;color:#c82222!important}.donate-btn:hover{background:linear-gradient(45deg,#e53935,#d50000);transform:translateY(-3px);box-shadow:0 6px 18px #ff000073}.dropdown{position:relative}.dropdown-content{z-index:2000;background:#fff;border-radius:6px;flex-direction:column;min-width:180px;max-height:400px;display:none;position:absolute;top:100%;left:0;overflow:hidden auto;box-shadow:0 6px 12px #00000014}.dropdown-content a{color:#333;background:#fff;padding:10px 14px;font-size:14px;transition:background .2s}.dropdown-content a:hover{background:#1565c014}.dropdown:hover .dropdown-content{display:flex}.mobile-menu-icon{cursor:pointer;color:#1565c0;font-size:1.8rem;display:none}@media screen and (width<=768px){.navbar{height:auto;padding:10px 16px}.navbar-container{flex-direction:column;align-items:center}.logo{justify-content:center;margin-bottom:8px}.mobile-menu-icon{margin-bottom:8px;display:block}.menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;flex-direction:column;gap:0;width:100%;padding:20px 0;transition:left .3s;position:absolute;top:120px;left:-100%}.menu.active{left:0}.menu a{width:100%;padding:12px 24px}.dropdown-content{box-shadow:none;display:none;position:static}.dropdown.active .dropdown-content{display:flex}}.menu a svg{color:inherit}.menu a .icon-home{color:#ff7043!important}.menu a .icon-about{color:#29b6f6!important}.menu a .icon-work{color:#ab47bc!important}.menu a .icon-campaign{color:#ef5350!important}.menu a .icon-involved{color:#ffca28!important}.menu a .icon-media{color:#7e57c2!important}.menu a .icon-resource{color:#66bb6a!important}.menu a .icon-contact{color:#ef5350!important}.social-buttons{z-index:1000;flex-direction:column;gap:15px;display:flex;position:fixed;bottom:100px;right:20px}.social-buttons a{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;text-decoration:none;transition:transform .3s;display:flex}.social-buttons a:hover{transform:scale(1.1)}.instagram{background:#e1306c}.facebook{background:#1877f2}.whatsapp{background:#25d366}.hero{text-align:center;color:#fff;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;justify-content:center;align-items:center;height:100vh;padding:0 20px;display:flex}.hero-content{max-width:800px}.hero h1{text-shadow:1px 1px 6px #00000080;margin-bottom:20px;font-size:3rem;line-height:1.2}.hero p{text-shadow:1px 1px 6px #00000080;margin-bottom:30px;font-size:1.2rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.primary-btn{color:#fff;cursor:pointer;background-color:#ff9800;border:none;border-radius:6px;padding:12px 28px;font-size:16px;transition:all .3s}.primary-btn:hover{background-color:#e68900;transform:translateY(-3px)}.secondary-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:6px;padding:12px 28px;font-size:16px;transition:all .3s}.secondary-btn:hover{color:#000;background:#fff;transform:translateY(-3px)}.hero-prev{left:20px}.hero-next{right:20px}.hero-prev:hover,.hero-next:hover{background-color:#000c}@media (width<=768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}}.about-wrapper{justify-content:center;align-items:center;gap:60px;max-width:1250px;margin:0 auto;display:flex}.about-wrapper.reverse{flex-direction:row-reverse}.about-image,.about-content{flex:1;min-width:300px}.about-image img{border-radius:15px;width:100%;height:auto;display:block;box-shadow:0 10px 30px #0000000d}.about-content{text-align:left}.about-content h2{color:#2e7d32;margin-bottom:20px;font-size:34px;font-weight:700}.about-content p{color:#444;margin-bottom:20px;font-size:16px;line-height:1.7}.focus-list{margin-top:25px;padding:0;list-style:none}.focus-list li{color:#333;margin-bottom:15px;padding-left:25px;font-size:15px;line-height:1.6;position:relative}.focus-list li:before{content:"✔";color:#2e7d32;font-weight:700;position:absolute;left:0}@media (width<=992px){.about-wrapper,.about-wrapper.reverse{text-align:center;flex-direction:column;gap:40px}.about-content{text-align:center}.about-content h2{font-size:28px}.focus-list li{text-align:left}}.programs h2{color:#2e7d32;margin-bottom:40px;font-size:32px}.program-cards{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.program-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.program-card h3{color:#1565c0;margin-bottom:12px;font-size:20px}.program-card p{color:#555;font-size:15px;line-height:1.5}@media (width<=768px){.program-cards{flex-direction:column;align-items:center}.program-card{width:90%;margin-bottom:20px}}#contact-us{text-align:center;background:#fff;padding:60px 20px}#contact-us h2{color:#2e7d32;margin-bottom:20px;font-size:28px}#contact-us p{color:#444;margin-bottom:10px;font-size:16px}@media (width<=768px){#contact-us h2{font-size:24px}#contact-us p{font-size:14px}}.footer{color:#fff;text-align:center;background:#111;padding:20px;font-size:14px}.volunteer-form{background-color:#f9f9f9;border-radius:10px;flex-direction:column;gap:15px;max-width:500px;margin:0 auto;padding:20px;display:flex;box-shadow:0 4px 10px #0000001a}.volunteer-form input,.volunteer-form textarea{border:1px solid #ccc;border-radius:6px;outline:none;padding:12px 15px;font-size:16px;transition:border-color .3s,box-shadow .3s}.volunteer-form input:focus,.volunteer-form textarea:focus{border-color:#2e7d32;box-shadow:0 0 5px #2e7d3280}.volunteer-form button{color:#fff;cursor:pointer;background-color:#2e7d32;border:none;border-radius:6px;padding:12px;font-size:16px;font-weight:700;transition:background-color .3s}.volunteer-form button:hover{background-color:#1b5e20}@media (width<=600px){.volunteer-form{padding:15px}}.volunteer-page{text-align:center;max-width:900px;margin:50px auto;padding:20px}.volunteer-header h1{color:#2e7d32;margin-bottom:15px;font-size:2.5rem}.volunteer-header p{color:#555;margin-bottom:40px;font-size:1.1rem}.volunteer-form-section{justify-content:center;display:flex}.partner-page{font-family:Arial,sans-serif}.partner-hero{text-align:center;color:#fff;background-color:#0000;background-image:linear-gradient(#0009,#0009),url(https://images.unsplash.com/photo-1521737604893-d14cc237f11d);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:100px 20px}.partner-hero h1{font-size:3rem}.partner-btn{color:#fff;cursor:pointer;background:#ff9800;border:none;border-radius:6px;margin-top:20px;padding:12px 28px;font-size:16px;transition:all .3s}.partner-btn:hover{background:#e68900}.why-partner{text-align:center;padding:60px 20px}.why-cards{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.why-card{background:#f4f4f4;border-radius:8px;width:220px;padding:20px;font-weight:700}.partner-types{text-align:center;background:#fafafa;padding:60px 20px}.type-cards{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.type-card{background:#fff;border-radius:8px;width:250px;padding:25px;box-shadow:0 4px 12px #00000014}.partner-form-section{text-align:center;padding:60px 20px}.partner-form{flex-direction:column;gap:15px;max-width:600px;margin:auto;display:flex}.partner-form input,.partner-form select,.partner-form textarea{border:1px solid #ccc;border-radius:6px;padding:12px;font-size:14px}.submit-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:12px;font-size:16px;transition:all .3s}.submit-btn:hover{background:#3d8b40}.partner-cta{color:#fff;text-align:center;background:#222;padding:60px 20px}@media (width<=768px){.partner-hero h1{font-size:2rem}}.donate-page{padding-top:80px;font-family:Arial,sans-serif}.donate-hero{text-align:center;background:#f4f8ff;padding:60px 20px}.donate-hero h1{margin-bottom:15px;font-size:40px}.donation-options{text-align:center;padding:50px 20px}.donation-cards{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.donation-card{background:#fff;border-radius:10px;width:250px;padding:30px;box-shadow:0 5px 20px #0000001a}.donation-card h3{color:#f60;font-size:28px}.donation-card button{color:#fff;cursor:pointer;background:#f60;border:none;border-radius:5px;margin-top:15px;padding:10px 20px}.custom-donation{text-align:center;background:#f9f9f9;padding:50px 20px}.donation-form{flex-direction:column;gap:15px;max-width:400px;margin:auto;display:flex}.donation-form input{border:1px solid #ccc;border-radius:5px;padding:10px}.donation-form button{color:#fff;cursor:pointer;background:#f60;border:none;border-radius:5px;padding:12px}body{scroll-behavior:smooth;margin:0;font-family:Arial,sans-serif}.hero{color:#fff;text-align:center;background-color:#0000;background-image:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.hero h1{font-size:3rem}.hero-btn{color:#fff;cursor:pointer;background:#ff9800;border:none;border-radius:5px;margin-top:20px;padding:12px 25px;font-size:16px}.hero-btn:hover{background:#e68900}.programs{text-align:center;background:#f4f4f4;padding:80px 20px}.program-cards{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.program-card{background:#fff;border-radius:8px;width:280px;padding:25px;transition:all .3s;box-shadow:0 4px 10px #0000001a}.program-card:hover{transform:translateY(-5px)}.program-card h3{color:#1565c0}#contact-us{text-align:center;padding:60px 20px}.footer{color:#fff;text-align:center;background:#111;padding:20px}@media (width<=768px){.hero h1{font-size:2rem}.impact{flex-direction:column}}.about{background:#f9fbff;padding:100px 20px}.about-container{text-align:center;max-width:900px;margin:auto}.about-container h2{color:#2e7d32;margin-bottom:25px;font-size:32px}.about-container p{color:#444;margin-bottom:18px;font-size:18px;line-height:1.8}.about-section{background-color:#fff;padding:80px 20px}.light-bg{background-color:#f4f8f5}