:root{--primary-blue: #1e40af;--secondary-purple: #8b5cf6;--accent-orange: #f97316;--success-green: #10b981;--bg-light: #f8fafc;--bg-white: #ffffff;--text-dark: #1f2937;--text-gray: #6b7280;--shadow-light: 0 8px 25px rgba(0, 0, 0, .1);--shadow-medium: 0 15px 35px rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #1e40af, #8b5cf6);--transition: all .3s ease}body.dark-mode{--bg-light: #0f172a;--bg-white: #1e293b;--text-dark: #f1f5f9;--text-gray: #cbd5e1;--shadow-light: 0 8px 25px rgba(0, 0, 0, .4);--shadow-medium: 0 15px 35px rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, #4338ca 0%, #7c3aed 100%)}*{margin:0;padding:0;box-sizing:border-box;transition:var(--transition)}body{font-family:Poppins,Montserrat,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden;transition:var(--transition)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 2rem}}@media(min-width:1024px){.container{padding:0 3rem}}h1,h2,h3,h4,h5,h6{font-family:Poppins,Montserrat,sans-serif;font-weight:700;color:var(--primary-blue);line-height:1.2}.btn-primary{background:var(--gradient-secondary);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-light)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000014;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;border-bottom:1px solid rgba(0,0,0,.05)}.nav-container{width:100%;padding:0 1rem}.nav-content{display:flex;justify-content:space-between;align-items:center;height:110px;width:100%;padding:0}.nav-logo{display:flex;align-items:center;flex-shrink:0}.logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:all .4s ease;padding:8px 12px;border-radius:15px;position:relative;overflow:hidden}.donate-btn{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 15px #05966933;position:relative;overflow:hidden;text-decoration:none}.donate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#047857,#059669);transition:all .4s ease;z-index:-1}.donate-btn:hover:before{left:0}.donate-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #0596694d}.logo-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0596691a,#10b9811a);transition:all .4s ease;z-index:-1}.logo-link:hover:before{left:0}.logo-link:hover{transform:translateY(-1px);box-shadow:0 4px 15px #05966933}.logo-img{height:60px;width:auto;max-width:180px;object-fit:contain;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.logo-img:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.logo-text{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,#059669,#10b981,#34d399,#6ee7b7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-family:Poppins,Montserrat,Arial Black,sans-serif;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease;text-shadow:0 2px 4px rgba(5,150,105,.3);font-style:italic;position:relative}.logo-link:hover .logo-text{transform:scale(1.05);filter:brightness(1.2);background:linear-gradient(135deg,#047857,#059669,#10b981,#34d399);background-clip:text;-webkit-background-clip:text;text-shadow:0 3px 8px rgba(5,150,105,.4)}.desktop-menu{display:flex;align-items:center;gap:1.5rem;margin-right:0}.nav-link{text-decoration:none!important;color:#374151!important;font-weight:600;font-size:1.05rem;padding:.75rem 1.25rem;border-radius:25px;transition:all .4s ease;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#059669,#10b981);transition:all .4s ease;z-index:-1}.nav-link:hover:before{left:0}.nav-link:hover{color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 20px #0596694d}.nav-link.active{background:linear-gradient(135deg,#059669,#047857);color:#fff!important;box-shadow:0 8px 25px #05966933}.join-us-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .4s ease;box-shadow:0 4px 15px #10b9814d;position:relative;overflow:hidden}.join-us-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#059669,#047857);transition:all .4s ease;z-index:-1}.join-us-btn:hover:before{left:0}.join-us-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #10b98166}.mobile-menu-btn{display:none}.mobile-menu-btn button{background:linear-gradient(135deg,#059669,#047857);border:none;font-size:1.8rem;color:#fff;cursor:pointer;padding:.75rem;border-radius:8px;box-shadow:0 4px 15px #05966933;transition:all .3s ease}.mobile-menu-btn button:hover{background:linear-gradient(135deg,#047857,#059669);transform:scale(1.05);box-shadow:0 6px 20px #0596694d}.mobile-menu{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-top:1rem;box-shadow:0 8px 25px #0000001a;border:1px solid rgba(0,0,0,.05)}.mobile-menu a,.mobile-menu a:visited{text-decoration:none;color:#374151;font-weight:600;font-size:1.1rem;padding:1rem;border-radius:8px;transition:all .3s ease;text-align:center}.mobile-menu a:hover,.mobile-menu a:focus{background:linear-gradient(135deg,#059669,#047857);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0596694d}.join-us-btn.mobile,.donate-btn.mobile{width:100%;margin:.5rem 0;padding:.75rem;text-align:center;border-radius:8px}.join-us-btn.mobile:hover,.donate-btn.mobile:hover{transform:translateY(-1px) scale(1.02)}@media(max-width:480px){.nav-container{padding:0 1rem}.nav-content{height:80px}.logo-text{font-size:1.3rem;font-weight:700}.logo-img{height:50px;width:auto}.logo-link{gap:10px}.desktop-menu{display:none}.mobile-menu-btn{display:block}}@media(min-width:481px)and (max-width:768px){.nav-container{padding:0 1.2rem}.desktop-menu{display:none}.mobile-menu-btn{display:block}.logo-text{font-size:1.3rem}.logo-img{height:50px;width:50px}}@media(min-width:769px){.desktop-menu{display:flex}.mobile-menu-btn{display:none}.mobile-menu{display:none!important}}@media(max-width:768px){.mobile-menu{display:flex!important}}.dark-mode-toggle{background:transparent;border:2px solid #e5e7eb;border-radius:25px;padding:8px 12px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;color:var(--text-dark);margin-left:12px}.dark-mode-toggle:hover{border-color:var(--primary-blue);background:#1e40af1a;transform:scale(1.05)}.dark-mode-toggle.mobile{justify-content:center;margin:10px 0;padding:12px 20px;width:100%;font-size:1rem;border-radius:12px}body.dark-mode .navbar{background:#0f172af2;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d}body.dark-mode .logo-text,body.dark-mode .nav-link{color:var(--text-dark)}body.dark-mode .nav-link:hover,body.dark-mode .nav-link.active{color:var(--primary-blue)}body.dark-mode .mobile-menu{background:#0f172afa;border-top:1px solid rgba(255,255,255,.1)}body.dark-mode .mobile-menu a{color:var(--text-dark);border-bottom:1px solid rgba(255,255,255,.1)}body.dark-mode .mobile-menu a:hover{background:#1e40af33;color:var(--primary-blue)}body.dark-mode .mobile-menu-btn button{color:var(--text-dark);border:2px solid rgba(255,255,255,.2)}body.dark-mode .mobile-menu-btn button:hover{background:#1e40af33;border-color:var(--primary-blue)}body.dark-mode .dark-mode-toggle{border-color:#ffffff4d;color:var(--text-dark)}body.dark-mode .dark-mode-toggle:hover{border-color:var(--accent-orange);background:#f973161a}*{box-sizing:border-box}body,html{overflow-x:hidden;width:100%}p{font-size:1.2rem}.hero-section{height:calc(100vh - 110px);width:100%;max-width:100vw;position:relative;display:flex;align-items:center;justify-content:center;margin:110px 0 0;overflow:hidden}.slider-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out}.slide.active{opacity:1}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:3;transition:all .3s ease}.slider-btn:hover{background:#fff6;transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.slider-dots{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.dot{width:12px;height:12px;border-radius:50%;border:2px solid white;background:transparent;cursor:pointer;transition:all .3s ease}.dot.active{background:#fff}.dot:hover{background:#ffffffb3}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#00000080,#0000004d);z-index:1}.hero-content{text-align:center;max-width:900px;padding:0 2rem;color:#fff;position:relative;z-index:2}.hero-smile-container{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.custom-smile-text{display:flex;align-items:center;gap:1rem;animation:bounce 2s ease-in-out infinite}.smile-text{font-size:4rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4),2px 2px 4px rgba(0,0,0,.5);font-family:Arial Black,Helvetica,sans-serif;letter-spacing:.1em;animation:textGlow 2s ease-in-out infinite alternate;transition:all .3s ease;display:inline-flex;gap:0}.smile-text span{display:inline-block}.drop-animation{display:inline-block;animation:dropDown .8s ease-out forwards;opacity:0;transform:translateY(-100px)}@keyframes dropDown{0%{opacity:0;transform:translateY(-100px)}60%{transform:translateY(10px)}80%{transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.smile-emoji{font-size:3rem;animation:bounce 2s ease-in-out infinite,emojiFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}.custom-smile-text:hover .smile-text{transform:scale(1.1);color:#ffed4e;text-shadow:0 0 15px rgba(255,215,0,1),0 0 25px rgba(255,215,0,.8),0 0 35px rgba(255,215,0,.6),2px 2px 6px rgba(0,0,0,.7)}.custom-smile-text:hover .smile-emoji{transform:scale(1.2);animation:bounce 1s ease-in-out infinite,emojiFloat 1.5s ease-in-out infinite}@keyframes textGlow{0%{text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4),2px 2px 4px rgba(0,0,0,.5)}to{text-shadow:0 0 15px rgba(255,215,0,1),0 0 25px rgba(255,215,0,.8),0 0 35px rgba(255,215,0,.6),2px 2px 4px rgba(0,0,0,.5)}}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes glow{0%{filter:hue-rotate(35deg) saturate(1.5) brightness(1.3) contrast(1.2) drop-shadow(0 0 15px rgba(255,215,0,.6))}50%{filter:hue-rotate(35deg) saturate(1.7) brightness(1.5) contrast(1.3) drop-shadow(0 0 25px rgba(255,215,0,.9))}to{filter:hue-rotate(35deg) saturate(1.5) brightness(1.3) contrast(1.2) drop-shadow(0 0 15px rgba(255,215,0,.6))}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.tagline{font-size:2.5rem;font-style:italic;color:#e5e7eb;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.8);line-height:1.4}.hero-description{font-size:1.8rem;color:#d1d5db;margin-bottom:1.5rem;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero-content .highlight{color:#fde047}.hero-content p{font-size:1.8rem;margin-bottom:3rem;opacity:.9}.hero-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.btn-primary{padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;min-width:200px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 15px #0596694d}.btn-primary:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-3px);box-shadow:0 6px 20px #05966966}.mission-section{padding:80px 0;background-color:#fff!important;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.mission-section h2{font-size:3.5rem;font-weight:700;text-align:center;background:linear-gradient(135deg,#059669,#10b981,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:3rem;position:relative;text-shadow:2px 2px 4px rgba(5,150,105,.2)}.mission-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#059669,#10b981);border-radius:2px}.mission-text{font-size:1.3rem!important;color:#6b7280!important;line-height:1.7!important;text-align:center!important;max-width:800px!important;margin:0 auto 2rem!important;font-weight:400!important;padding:2rem!important;background:#f8fafc80!important;border-radius:15px!important}.read-more-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:.8rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto;box-shadow:0 4px 15px #3b82f633}.read-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.programs-section{padding:1rem 0;background-color:#fff}.programs-section h2{font-size:3.5rem;font-weight:700;text-align:center;background:linear-gradient(135deg,#059669,#10b981,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:3rem;position:relative;text-shadow:2px 2px 4px rgba(5,150,105,.2)}.programs-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#059669,#10b981);border-radius:2px}.programs-full-width{width:100%;max-width:100vw;padding:0 2rem}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;width:100%}.program-card{background:#fff;padding:.25rem;border-radius:1rem;text-align:center;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;border:2px solid transparent}.program-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #00000026;border-color:#059669}.program-icon{width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .25rem;font-size:2.5rem}.program-card h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.program-card p{color:#6b7280;line-height:1.7;font-size:1.2rem}.stats-section{padding:1rem 0;background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item h3{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-item p{opacity:.8}.about-section{padding:1rem 0;background-color:#fff}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content h2{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.section-divider{width:100px;height:4px;background-color:#f97316;margin:0 auto 1rem}.about-content p{font-size:1.3rem;color:#6b7280;line-height:1.7;margin-bottom:1rem}.btn-about{background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:1rem 2rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #05966933}.btn-about:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-2px);box-shadow:0 6px 20px #0596694d}@media(max-width:480px){.smile-text{font-size:3.5rem;letter-spacing:.15em}.smile-emoji{font-size:2rem}}@media(max-width:768px){.hero-section{height:calc(100vh - 80px);margin-top:80px}}@media(min-width:481px)and (max-width:768px){.smile-text{font-size:4.5rem;letter-spacing:.2em}.smile-emoji{font-size:2.5rem}.impact-quote{font-size:1.6rem}.hero-description{font-size:1.2rem}.mission-section h2,.programs-section h2,.stats-section h2,.cta-section h2{font-size:2.5rem}.programs-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.hero-buttons{flex-direction:row;justify-content:center}}@media(min-width:1200px){.smile-text{font-size:7rem}.smile-emoji{font-size:4rem}.smile-creative{gap:1.5rem}.tagline{font-size:2.2rem}.hero-description{font-size:1.5rem}}.about-section{padding:20px 0;background:#f8fafc}.about-section h2{text-align:center;font-size:3rem;font-weight:700;color:#305691;margin-bottom:1rem}.about-text{font-size:1.2rem;line-height:1.8;color:#64748b;max-width:800px;margin:0 auto 1rem;text-align:center}.about-image{text-align:center;margin-top:3rem}.about-image img{max-width:600px;width:100%;height:auto;border-radius:15px;box-shadow:0 20px 40px #0000001a}.programs-section{background:#fff}.program-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:2rem}.program-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.program-image{width:100%;height:200px;overflow:hidden}.program-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.program-card:hover .program-image img{transform:scale(1.1)}.program-content{padding:2rem}.program-content .program-icon{font-size:3rem;margin-bottom:1rem;display:block}.stats-section{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.stat-item{text-align:center;padding:1rem}.stat-number{font-size:4rem;font-weight:900;color:#fbbf24;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.stat-label{font-size:1.4rem;text-transform:uppercase;letter-spacing:1px;opacity:.9}.testimonials-section{padding:80px 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.testimonials-section h2{text-align:center;font-size:4rem;font-weight:700;background:linear-gradient(135deg,#059669,#10b981,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:3rem;position:relative;text-shadow:2px 2px 4px rgba(5,150,105,.2)}.testimonials-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#059669,#10b981);border-radius:2px}.success-story-card{display:flex;align-items:center;background:#fff;border-radius:25px;box-shadow:0 20px 60px #0000001a;overflow:hidden;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto;transition:all .3s ease;border:1px solid rgba(59,130,246,.1)}.success-story-card:hover{transform:translateY(-5px);box-shadow:0 30px 80px #00000026;border-color:#3b82f633}.success-story-card.reverse{flex-direction:row-reverse}.story-image{flex:0 0 400px;height:500px;overflow:hidden;position:relative}.story-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.story-image img:hover{transform:scale(1.05)}.story-content{flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center}.story-content h3{font-size:2.6rem;background:linear-gradient(135deg,#059669,#10b981,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;font-weight:700;position:relative;text-shadow:1px 1px 3px rgba(5,150,105,.2)}.story-text{flex:1;margin-bottom:2rem}.story-text p{color:#475569;line-height:1.8;font-size:1.5rem;text-align:justify;font-weight:500}.story-author{background:linear-gradient(135deg,#059669,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;margin-top:1.5rem;padding-top:1.5rem;border-top:3px solid #f1f5f9;font-size:1.2rem;font-style:italic}.news-section{padding:80px 0;background:#fff}.news-section h2{text-align:center;font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#059669,#10b981,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:3rem;position:relative;text-shadow:2px 2px 4px rgba(5,150,105,.2)}.news-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#059669,#10b981);border-radius:2px}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.news-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:transform .3s ease}.news-card:hover{transform:translateY(-5px)}.news-image{width:100%;height:220px;overflow:hidden;border-radius:12px;box-shadow:0 4px 15px #0000001a}.news-image img{width:100%;height:100%;object-fit:contain;object-position:center;background:#f8f9fa;transition:transform .3s ease}.news-image img:hover{transform:scale(1.02)}.news-content{padding:1.5rem}.news-date{background:linear-gradient(135deg,#059669,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.news-content h3{font-size:1.6rem;color:#1e293b;margin-bottom:1rem}.news-content p{color:#64748b;line-height:1.6;margin-bottom:1rem;font-size:1.4rem}.read-more{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .3s ease}.read-more:hover{color:#047857}.programs-slider{position:relative;width:100%;overflow:hidden;margin-top:2rem;padding:0}.programs-container{display:flex;transition:transform .5s ease-in-out;gap:1.5rem;padding:0 3rem}.program-slide{flex:0 0 calc(20% - 1.2rem);min-width:0}.program-card-modern{background:#f8fafc;border-radius:16px;padding:2rem 1rem;text-align:center;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid #e2e8f0;height:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:320px}.program-card-modern:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001f;background:#fff}.program-icon-large{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 8px 25px #0596694d;padding:15px;transition:all .3s ease}.program-icon-large:hover{transform:translateY(-3px);box-shadow:0 12px 35px #05966966}.program-icon-image{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);transition:all .3s ease}.program-card-modern h3{font-size:1.3rem;font-weight:600;color:#1e293b;margin-bottom:.75rem;line-height:1.3}.program-card-modern p{color:#64748b;line-height:1.5;font-size:1.3rem;margin-bottom:1.25rem;flex:1}.know-more-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:10px 24px;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:auto;text-decoration:none;display:inline-block;text-align:center;box-shadow:0 4px 15px #0596694d;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.know-more-btn:hover{background:linear-gradient(135deg,#047857,#059669);color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #05966966;text-decoration:none}.program-slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000;color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.4rem;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003}.program-slider-btn:hover{background:#1e293b;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #0000004d}.program-slider-btn.prev-btn{left:1rem}.program-slider-btn.next-btn{right:1rem}.program-slider-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.program-dot{width:12px;height:12px;border-radius:50%;border:none;background:#cbd5e1;cursor:pointer;transition:all .3s ease}.program-dot.active{background:#3b82f6;transform:scale(1.2)}.program-dot:hover{background:#64748b}@media(max-width:768px){.programs-full-width{padding:0 1rem}.programs-container{padding:0 2.5rem;gap:1rem}.program-slide{flex:0 0 100%}.program-slider-btn{width:40px;height:40px;font-size:1.2rem}.program-slider-btn.prev-btn{left:.5rem}.program-slider-btn.next-btn{right:.5rem}.program-card-modern{padding:2rem 1.25rem;min-height:280px}.program-icon-large{width:60px;height:60px;padding:12px}.program-card-modern h3{font-size:1.2rem}.program-card-modern p{font-size:1.1rem}}@media(min-width:769px)and (max-width:1024px){.program-slide{flex:0 0 calc(33.333% - 1rem)}.programs-full-width{padding:0 1.5rem}.programs-container{padding:0 2.5rem}}@media(min-width:1025px)and (max-width:1200px){.program-slide{flex:0 0 calc(25% - 1rem)}}@media(max-width:768px){.slider-btn{width:40px;height:40px;font-size:1.2rem}.prev-btn{left:10px}.next-btn{right:10px}.slider-dots{bottom:20px}.dot{width:10px;height:10px}.smile-text{font-size:5rem}.tagline{font-size:1.5rem}.hero-description{font-size:1.2rem}.testimonials-grid{grid-template-columns:1fr;gap:2rem}.news-grid{grid-template-columns:1fr}.about-image img{max-width:100%}.stat-number{font-size:2.5rem}}@media(max-width:768px){.success-story-card{flex-direction:column;margin-bottom:2.5rem}.success-story-card.reverse{flex-direction:column}.story-image{flex:none;width:100%;height:300px}.story-content{padding:2rem}.story-content h3{font-size:2.1rem}.testimonials-section h2{font-size:2.8rem}.story-text p{font-size:1.3rem}}@media(max-width:480px){.slider-btn{width:35px;height:35px;font-size:1rem}.smile-text{font-size:3rem}.tagline{font-size:1.3rem}.hero-description{font-size:1.1rem}.hero-buttons{flex-direction:column;gap:1rem}.success-story-card{flex-direction:column!important;margin-bottom:2rem}.success-story-card.reverse{flex-direction:column!important}.story-image{flex:none;width:100%;height:250px}.story-content{padding:1.5rem}.story-content h3{font-size:2rem;margin-bottom:1rem}.story-text p{font-size:1.2rem}.testimonials-section h2{font-size:2.5rem}.story-author{font-size:1rem;margin-top:1rem;padding-top:1rem}.news-image{height:180px}}body.dark-mode .hero-content h1,body.dark-mode .hero-content h2,body.dark-mode .hero-content p{color:var(--text-dark)!important}body.dark-mode .about-section,body.dark-mode .programs-section,body.dark-mode .news-section{background-color:var(--bg-light)!important}body.dark-mode .stats-section{background:linear-gradient(135deg,#059669,#10b981)!important}body.dark-mode .section h2,body.dark-mode .section h3,body.dark-mode .section p,body.dark-mode .about-section h2,body.dark-mode .about-section p,body.dark-mode .programs-section h2,body.dark-mode .programs-section p,body.dark-mode .stats-section h2,body.dark-mode .stats-section p,body.dark-mode .news-section h2,body.dark-mode .news-section p{color:var(--text-dark)!important}body.dark-mode .card,body.dark-mode .story-card,body.dark-mode .news-card,body.dark-mode .program-card,body.dark-mode .program-item{background-color:var(--bg-white)!important;color:var(--text-dark)!important;box-shadow:var(--shadow-light)!important}body.dark-mode .stats-item,body.dark-mode .stats-item h3,body.dark-mode .stats-item p{color:var(--text-dark)!important;background-color:var(--bg-white)!important}body.dark-mode .about-content,body.dark-mode .about-content h2,body.dark-mode .about-content p{color:var(--text-dark)!important;background-color:var(--bg-light)!important}body.dark-mode .hero-overlay{background:#000000b3!important}body.dark-mode .story-content h3,body.dark-mode .story-content p,body.dark-mode .news-content h3,body.dark-mode .news-content p{color:var(--text-dark)!important}body.dark-mode .programs-grid .program-item{background-color:var(--bg-white)!important}body.dark-mode .programs-grid .program-item h3,body.dark-mode .programs-grid .program-item p{color:var(--text-dark)!important}.hero-section{position:relative;height:calc(60vh + 110px);margin-top:110px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:100%}.image-grid img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:#00000080}.hero-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding-left:10%;color:#fff}.hero-text h1{font-size:3rem;border-bottom:px solid #22aa76;display:inline-block;margin-bottom:10px;color:#047857;text-shadow:2px 2px 8px rgba(19,194,106,.8),0 0 20px rgba(68,180,128,.5);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:2px 2px 8px rgba(50,216,92,.8),0 0 20px rgba(79,199,143,.5)}to{text-shadow:2px 2px 12px rgb(89,214,146),0 0 30px rgba(71,192,146,.8),0 0 40px rgba(255,215,0,.6)}}.hero-text p{max-width:700px;font-size:1.9rem;line-height:1.6;font-weight:500}.about-section{background:#dedcf1;padding:50px 10px;max-width:1300px;margin:-120px auto 60px;border-radius:12px;box-shadow:0 8px 25px #0003;position:relative;z-index:9}.about-container{padding:60px 50px;display:flex;flex-direction:column;gap:50px}.about-row{display:flex;flex-wrap:wrap;align-items:center;gap:40px}.about-row.reverse{flex-direction:row-reverse}.about-img img{width:100%;max-width:420px;height:320px;border-radius:12px;object-fit:cover;box-shadow:0 4px 15px #0003}.about-text{flex:1}.about-text h2{color:#047857;margin-bottom:15px;font-size:1.9rem}.about-text p{font-size:1.3em;line-height:1.7;margin-bottom:12px}.approach-section{margin-top:40px;padding:20px}.approach-section h2{text-align:center;color:#047857;margin-bottom:20px;font-size:2.8rem;position:relative}.approach-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#047857,#047857);border-radius:2px}.approach-grid{display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin-top:40px}.approach-card{background:#f1f6fd;padding:32px 24px;min-height:280px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:.3s;display:flex;flex-direction:column;align-items:center;text-align:center}.approach-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.approach-card .icon{width:100px;height:100px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#0478571a;border-radius:50%;border:3px solid #047857}.approach-card h3{font-size:1.3rem;font-weight:700;color:#047857;margin:12px 0 8px}.approach-card p{font-size:1.1rem;line-height:1.6;color:#4b5563;margin:0}.approach-item{margin-bottom:30px;padding:20px;background:#ffffff4d;border-radius:8px;border-left:8px solid #047857;background-color:#ebeffd}.approach-item h3{color:#047857;margin-bottom:8px;font-size:1.6rem;font-weight:600}.approach-item p{margin-bottom:0;color:#374151;line-height:1.6;font-size:1.3rem}@media(max-width:1200px){.approach-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.hero-section{height:calc(60vh + 80px);margin-top:80px}.approach-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media(max-width:480px){.approach-grid{grid-template-columns:1fr}}body.dark-mode .hero-section{background:linear-gradient(135deg,#0f172a,#1e293b,#334155)!important}body.dark-mode .section{background-color:var(--bg-light)!important}body.dark-mode .section h1,body.dark-mode .section h2,body.dark-mode .section h3,body.dark-mode .section p{color:var(--text-dark)!important}body.dark-mode .approach-card{background-color:var(--bg-white)!important;color:var(--text-dark)!important;box-shadow:var(--shadow-light)!important}body.dark-mode .approach-card h3,body.dark-mode .approach-card p{color:var(--text-dark)!important}body.dark-mode .content-container{background-color:var(--bg-light)!important}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#e8e9fa;color:#1f2937;margin:0;padding:0}.header{background-size:cover;background-position:center;color:#fff;text-align:center;padding:60px 16px;margin-top:110px;min-height:490px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:slideshow 10s infinite}@keyframes slideshow{0%,33%{background-image:url(images/stu.png)}34%,66%{background-image:url(/images/img13.jpg)}67%,to{background-image:url(/images/ed1.png)}}.header h1{font-size:3.5rem;font-weight:700;color:#047857;text-shadow:2px 2px 8px rgba(239,239,247,.8),0 0 20px rgba(252,251,249,.5);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:2px 2px 8px rgba(252,251,248,.8),0 0 20px rgba(248,248,245,.5)}to{text-shadow:2px 2px 12px rgb(248,244,244),0 0 30px rgba(253,252,248,.8),0 0 40px rgba(255,215,0,.6)}}.btn-group{margin-top:16px}.btn{padding:10px 20px;font-weight:600;border-radius:8px;margin:8px;cursor:pointer;border:none;transition:.3s}.btn.join{background-color:#047857;color:#000}.btn.join:hover{background-color:#047857}.btn.volunteer{background-color:#fff;color:#0f766e}.btn.volunteer:hover{background-color:#f3f4f6}.join-form{background:#fff;color:#000;width:320px;margin:24px auto 0;padding:24px;border-radius:10px;box-shadow:0 4px 10px #0000001a}.join-form h3{text-align:center;color:#0f766e;margin-bottom:16px}.join-form input,.join-form select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;margin-bottom:10px}.join-form button{width:100%;padding:10px;border-radius:6px;border:none;background:#0f766e;color:#fff;font-weight:600;cursor:pointer}.join-form button:hover{background:#14b8a6}.main-section{max-width:1100px;margin:80px auto;padding:0 16px}.section-title{text-align:center}.section-title h2{font-size:3.5rem;font-weight:700;text-align:center;color:#047857;margin-bottom:3rem;position:relative;text-shadow:2px 2px 4px rgba(7,119,7,.2)}.section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(135deg,#047857,#047857);border-radius:2px}.section-title span{display:inline-block;background:#047857;color:#f3f5f8;border-radius:20px;padding:5px 12px;margin-top:5px;font-size:.9rem}.program-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.program-card{background:#f1f6fd;padding:32px 24px;min-height:280px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:.3s;display:flex;flex-direction:column;align-items:center}.program-card:hover{box-shadow:0 4px 12px #00000026}.program-card .icon{width:100px;height:100px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.program-card .icon img{width:90px;height:90px;object-fit:cover;transition:all .3s ease;border-radius:50%;border:4px solid #047857;box-shadow:0 3px 15px #3bf68f66}.program-card:hover .icon img{transform:scale(1.1);box-shadow:0 4px 20px #3bf69980;border-color:#047857}.program-card h3{font-size:1.3rem;font-weight:700;color:#1f2937;margin:12px 0 8px}.program-card p{font-size:1.1rem;line-height:1.6;color:#4b5563;margin:0}.program-content{margin-top:12px}.program-line{margin:4px 0;font-size:14px;line-height:1.4;color:#129644}.success-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-top:80px}.success-section h2{color:#0f766e}.success-content{display:flex;flex-direction:column;gap:20px}@media(min-width:768px){.success-content{flex-direction:row;align-items:center}}.success-content img{width:250px;height:250px;border-radius:10px;object-fit:cover;border:1px solid #e5e7eb}.button-group button{margin-right:10px;padding:10px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer}.join-btn{background:#0f766e;color:#fff}.join-btn:hover{background:#14b8a6}.story-btn{background:#facc15;color:#000}.story-btn:hover{background:#fde047}.contact-section{margin-top:80px}.contact-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.contact-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.contact-card h3{color:#0f766e;font-size:1.5rem}.contact-card button{padding:10px 20px;border-radius:6px;font-weight:600;border:none;cursor:pointer;margin-top:10px}.volunteer-btn{background:#0f766e;color:#fff}.volunteer-btn:hover{background:#14b8a6}.donate-btn{background:#facc15;color:#000}.donate-btn:hover{background:#fde047}@media(max-width:768px){.header{margin-top:80px;min-height:420px;padding:40px 16px}}.contact-page{min-height:100vh;padding:190px 2rem 80px;background:linear-gradient(135deg,#f0f4f8,#e8f2ff);position:relative}.contact-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(74,144,226,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(53,122,189,.1) 0%,transparent 50%);pointer-events:none}.contact-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.contact-header{text-align:center;margin-bottom:80px}.contact-header h1{font-size:4rem;background:linear-gradient(135deg,#059669,#10b981,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;font-weight:700;font-family:Poppins,Montserrat,sans-serif;text-shadow:0 2px 10px rgba(5,150,105,.2);animation:fadeInUp .8s ease-out}.contact-header p{font-size:1.3rem;color:#5a6c7d;max-width:700px;margin:0 auto;line-height:1.7;font-weight:400;animation:fadeInUp .8s ease-out .2s both}.contact-content{display:flex;justify-content:center;align-items:start;animation:fadeInUp .8s ease-out .4s both;position:relative;width:100%}.contact-form{background:linear-gradient(145deg,#fff,#f8f9fa);padding:40px 120px;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 6px 20px #0000000d;border:1px solid #e3e8f0;max-width:1400px;width:100%;transition:all .3s ease;position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,144,226,.1),transparent);transition:left .5s ease}.contact-form:hover:before{left:100%}.contact-form:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026,0 10px 30px #4a90e21a}.form-group{margin-bottom:25px;position:relative}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:#2c3e50;font-size:1.1rem;transition:color .3s ease;font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:16px 35px;border:2px solid #e1e8ed;border-radius:12px;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;background:#fff;position:relative;z-index:1}.form-group input:hover,.form-group textarea:hover{border-color:#059669;transform:translateY(-2px);box-shadow:0 8px 25px #05966926}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 4px #05966933,0 8px 25px #05966926;transform:translateY(-2px)}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.send-message-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:18px 80px;border-radius:15px;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;margin-top:10px}.send-message-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.send-message-btn:hover:before{left:100%}.send-message-btn:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-3px);box-shadow:0 15px 35px #05966966,0 5px 15px #0000001a}.send-message-btn:active{transform:translateY(-1px);box-shadow:0 8px 20px #0596694d}.send-message-btn:disabled{opacity:.7;cursor:not-allowed}.submit-result{margin-top:15px;padding:12px 16px;border-radius:8px;font-weight:500;text-align:center;animation:fadeIn .3s ease-in}.submit-result.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-result.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-info-section{background:#f8f9fa;padding:40px;border-radius:12px;box-shadow:0 4px 15px #00000014;border:1px solid #e9ecef;height:fit-content}.contact-info-item{display:flex;align-items:center;margin-bottom:30px;padding:20px;border-radius:10px;transition:all .3s ease}.contact-info-item:hover{background:#fff}.contact-icon{width:60px;height:60px;background:#2c3e50;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:20px;font-size:1.5rem}.contact-details h3{font-size:1.2rem;color:#333;margin:0 0 5px;font-weight:600}.contact-details p{color:#666;margin:0;font-size:1rem}@media(max-width:768px){.contact-page{padding:40px 15px}.contact-header h1{font-size:2.5rem}.contact-header p{font-size:1.1rem}.contact-form{padding:25px 40px;max-width:100%;margin:0 10px}.form-group input,.form-group textarea{padding:14px 25px;font-size:1rem}.send-message-btn{padding:16px 50px;font-size:1.1rem}.contact-content{grid-template-columns:1fr;gap:40px}.contact-form,.contact-info-section{padding:25px}.contact-info-item{padding:15px}.contact-icon{width:50px;height:50px;margin-right:15px}}@media(max-width:480px){.contact-header h1{font-size:1.8rem}.contact-form,.contact-info-section{padding:20px}.form-group input,.form-group textarea{padding:12px}}.map-section{margin-top:80px;padding:60px 0;background:#fff;position:relative}.map-header{text-align:center;margin-bottom:50px}.map-header h2{font-size:2.8rem;color:#333;margin-bottom:15px;font-weight:700}.map-header p{font-size:1.3rem;color:#666}.map-container{position:relative;max-width:1000px;margin:0 auto;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #0000001a;transition:box-shadow .3s ease}.map-container:hover{box-shadow:0 12px 35px #00000026}.map-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.5) 50%,transparent 100%);z-index:3;display:flex;align-items:center;justify-content:flex-start;padding:40px;opacity:0;transition:all .4s ease}.map-container:hover .map-overlay{opacity:1}.map-info{background:#fffffff2;padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transform:translate(-100px);transition:all .4s ease .1s;box-shadow:0 15px 35px #0003}.map-container:hover .map-info{transform:translate(0)}.map-info h3{font-size:1.4rem;color:#333;margin:0 0 10px;font-weight:600}.map-info p{color:#666;margin:0 0 20px;font-size:1.1rem}.directions-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.directions-btn:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 15px #05966933}.map-frame{position:relative;width:100%;height:400px;z-index:2}.map-frame iframe{width:100%;height:100%;transition:all .4s ease;filter:grayscale(.3)}.map-container:hover .map-frame iframe{filter:grayscale(0)}@media(max-width:768px){.map-section{margin-top:60px;padding:40px 20px}.map-header h2{font-size:2.2rem}.map-header p{font-size:1.1rem}.map-container{border-radius:15px;transform:none}.map-container:hover{transform:scale(1.02)}.map-overlay{position:relative;opacity:1;background:linear-gradient(135deg,#000c,#0009);padding:20px}.map-info{transform:none;margin-bottom:20px}.map-frame{height:300px}}@media(max-width:480px){.map-section{padding:30px 15px}.map-header h2{font-size:1.8rem}.map-overlay{padding:15px}.map-info{padding:20px}.map-frame{height:250px}}body.dark-mode .contact-page{background:linear-gradient(135deg,var(--bg-light) 0%,#1e293b 100%)!important}body.dark-mode .contact-container h1,body.dark-mode .section-title{color:var(--text-dark)!important}body.dark-mode .contact-content{background-color:var(--bg-white)!important;color:var(--text-dark)!important;box-shadow:var(--shadow-medium)!important}body.dark-mode .contact-form{background-color:var(--bg-white)!important}body.dark-mode .form-group label{color:var(--text-dark)!important}body.dark-mode .form-control{background-color:#ffffff1a!important;border-color:#fff3!important;color:var(--text-dark)!important}body.dark-mode .form-control:focus{border-color:var(--primary-blue)!important;background-color:#ffffff26!important}body.dark-mode .contact-info{background-color:var(--bg-white)!important;color:var(--text-dark)!important}body.dark-mode .info-item h3,body.dark-mode .info-item p{color:var(--text-dark)!important}body.dark-mode .map-section{background-color:var(--bg-white)!important}body.dark-mode .map-overlay h2,body.dark-mode .map-overlay p{color:var(--text-dark)!important}body.dark-mode .map-info{background-color:var(--bg-white)!important;color:var(--text-dark)!important}.team-page{min-height:100vh;background-color:#f8fafc;padding:110px 0 2rem}.team-section{padding:2rem;max-width:1200px;margin:0 auto}.team-section .team-members-grid.one-item{display:grid;grid-template-columns:1fr}.team-section .team-members-grid.one-item .team-member-card{margin:0 auto}.section-header .one-item{grid-template-columns:1fr;justify-items:center}.section-header h2{font-size:3rem;background:linear-gradient(135deg,#059669,#10b981,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;margin:0 0 1rem;position:relative;display:inline-block;font-family:Poppins,Montserrat,sans-serif;letter-spacing:-.5px}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#059669,#10b981)!important;border-radius:2px}.team-section .section-header h2:after{background:linear-gradient(90deg,#059669,#10b981)!important}.team-header{padding:60px 40px 80px;max-width:1400px;margin:0 auto}.team-header-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.team-title-section h1{font-size:2.8rem;font-weight:200;color:#2c3e50;margin:0;line-height:1.3;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:-.5px}.team-title-section .highlight{color:#059669;font-weight:700;font-size:3.2rem;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.team-description-section p{font-size:1.3rem;line-height:1.8;color:#555;margin:0;font-weight:400;font-family:Inter,Poppins,SF Pro Display,Segoe UI,sans-serif}.team-section{padding:60px 40px;max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.2rem;background:linear-gradient(135deg,#059669,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;margin:0;position:relative;display:inline-block}.team-members-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:100%;margin:0 auto}.team-members-grid.three-items{grid-template-columns:repeat(3,1fr);justify-content:center;max-width:900px}.team-members-grid:has(.team-member-card:nth-child(3):last-child){grid-template-columns:repeat(3,1fr);justify-content:center;max-width:900px}.team-member-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease,border .3s ease;border:2px solid transparent;display:flex;flex-direction:column;height:100%}.team-member-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #2563eb26;border:2px solid rgba(37,99,235,.2)}.member-image{width:100%;height:350px;overflow:hidden;border-radius:15px 15px 0 0}.member-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;filter:contrast(1.1) brightness(1.05) saturate(1.1)}.team-member-card:hover .member-image img{transform:scale(1.05)}.member-info{padding:20px;text-align:left;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.member-name{font-size:1.4rem;font-weight:600;background:linear-gradient(135deg,#059669,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 8px}.member-role{font-size:.95rem;color:#f97316;font-weight:500;margin:0 0 15px;font-style:italic}.member-description{font-size:1.1rem;line-height:1.6;color:#555;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;font-weight:400;font-family:Times New Roman,Times,serif}.read-more-btn{background:none;border:none;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;text-decoration:underline;padding:0;transition:color .3s ease}.read-more-btn:hover{color:#059669}@media(max-width:1200px){.team-members-grid{grid-template-columns:repeat(4,1fr)}.team-header{padding:40px 30px 60px}.team-section{padding:40px 30px}.section-header h2{font-size:2.5rem;background:linear-gradient(135deg,#059669,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@media(max-width:992px){.team-header-content{grid-template-columns:1fr;gap:40px;text-align:center}.team-title-section h1{font-size:2.4rem;font-weight:200}.team-title-section .highlight{font-size:2.8rem;font-weight:700}.team-members-grid{grid-template-columns:repeat(3,1fr);gap:25px}.team-members-grid.three-items{grid-template-columns:repeat(3,1fr);max-width:100%}.team-members-grid:has(.team-member-card:nth-child(3):last-child){grid-template-columns:repeat(3,1fr);max-width:100%}}@media(max-width:768px){.team-page{padding:60px 0 40px}.team-header{padding:30px 20px 40px}.team-title-section h1{font-size:2.5rem;font-weight:200}.team-title-section .highlight{font-size:2.8rem;font-weight:700}.team-section{padding:40px 20px}.section-header h2{font-size:1.8rem}.team-members-grid{grid-template-columns:repeat(2,1fr);gap:20px}.team-members-grid.three-items{grid-template-columns:repeat(2,1fr);max-width:100%}.team-members-grid:has(.team-member-card:nth-child(3):last-child){grid-template-columns:repeat(2,1fr);max-width:100%}.member-image{height:200px}}@media(max-width:480px){.team-title-section h1{font-size:1.8rem;font-weight:200}.team-title-section .highlight{font-size:2.2rem;font-weight:700}.section-header h2{font-size:1.5rem}.team-members-grid{grid-template-columns:1fr}.team-members-grid.three-items{grid-template-columns:1fr;max-width:400px;margin:0 auto}.team-members-grid:has(.team-member-card:nth-child(3):last-child){grid-template-columns:1fr;max-width:400px;margin:0 auto}.member-info{padding:15px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:modalFadeIn .3s ease-out}.modal-content{background:#fff;border-radius:15px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease-out;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:2rem;cursor:pointer;color:#666;z-index:1001;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#0000001a;color:#333}.modal-header{display:flex;gap:20px;padding:30px;align-items:center}.modal-image{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-info h2{font-size:2rem;background:linear-gradient(135deg,#059669,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 10px;font-weight:600}.modal-role{font-size:1.1rem;color:#f97316;font-weight:500;font-style:italic;margin:0}.modal-body{padding:0 30px 30px}.modal-body p{font-size:1.1rem;line-height:1.6;color:#444;margin:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.modal-content{width:95%;max-height:90vh}.modal-header{flex-direction:column;text-align:center;padding:20px}.modal-image{width:100px;height:100px}.modal-info h2{font-size:1.5rem}.modal-body{padding:0 20px 20px}}body.dark-mode .team-page,body.dark-mode .team-section{background-color:var(--bg-light)!important}body.dark-mode .section-header h2{color:var(--text-dark)!important}body.dark-mode .member-card{background-color:var(--bg-white)!important;color:var(--text-dark)!important;box-shadow:var(--shadow-light)!important}body.dark-mode .member-name,body.dark-mode .member-role,body.dark-mode .member-description p{color:var(--text-dark)!important}body.dark-mode .modal-overlay{background-color:#000c!important}body.dark-mode .modal-content{background-color:var(--bg-white)!important;color:var(--text-dark)!important}body.dark-mode .modal-info h2,body.dark-mode .modal-info p,body.dark-mode .close-btn{color:var(--text-dark)!important}body.dark-mode .close-btn:hover{color:var(--accent-orange)!important}.team-members-grid.one-item{display:flex!important;justify-content:center;align-items:center;width:100%}.team-members-grid.one-item .team-member-card{max-width:350px;margin:0 auto}.join-page{min-height:100vh;padding:190px 2rem 80px;background:linear-gradient(135deg,#f0f8ff,#e8f5e8);position:relative}.join-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(74,144,226,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(76,175,80,.1) 0%,transparent 50%);pointer-events:none}.join-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.join-header{text-align:center;margin-bottom:60px}.join-header h1{font-size:4rem;background:linear-gradient(135deg,#059669,#10b981,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;font-weight:700;font-family:Poppins,Montserrat,sans-serif;text-shadow:0 2px 10px rgba(5,150,105,.2);animation:fadeInUp .8s ease-out}.join-header p{font-size:1.3rem;color:#5a6c7d;max-width:700px;margin:0 auto;line-height:1.7;font-weight:400;animation:fadeInUp .8s ease-out .2s both}.join-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;animation:fadeInUp .8s ease-out .4s both;position:relative;width:100%}.join-form-section{background:linear-gradient(145deg,#fff,#f8f9fa);padding:30px 50px;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 6px 20px #0000000d;border:1px solid #e3e8f0;max-width:600px;width:100%;transition:all .3s ease;position:relative;overflow:hidden}.join-form-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,144,226,.1),transparent);transition:left .5s ease}.join-form-section:hover:before{left:100%}.join-form-section:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026,0 10px 30px #00000014}.join-instructions{padding:2rem 0;animation:slideInLeft .8s ease-out}.join-instructions h3{font-size:2.2rem;color:#2c3e50;margin-bottom:2rem;font-weight:700;font-family:Poppins,Montserrat,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.1)}.instruction-step{display:flex;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.step-number{font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;min-width:30px}.instruction-step p{font-size:1.1rem;color:#5a6c7d;line-height:1.6;margin:0;font-family:Inter,Segoe UI,sans-serif;font-weight:400}.form-group{display:flex;flex-direction:column;margin-bottom:2rem}.form-group label{font-weight:600;color:#2c3e50;font-size:1.1rem;margin-bottom:.8rem;font-family:Poppins,sans-serif}.form-group input,.form-group textarea{padding:1rem 1.2rem;border:2px solid #e8ecf4;border-radius:12px;font-size:1rem;background:#ffffffe6;transition:all .3s ease;font-family:Poppins,sans-serif}.form-group textarea{resize:vertical;min-height:80px;max-height:120px}.join-submit-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-family:Poppins,sans-serif;width:100%}.join-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-2px);box-shadow:0 10px 25px #0596694d}.join-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-result{margin-top:.8rem;padding:.8rem 1.2rem;border-radius:12px;font-weight:500;text-align:center;font-size:.9rem;animation:fadeInUp .5s ease-out}.submit-result.success{background:#4caf501a;color:#2e7d32;border:1px solid rgba(76,175,80,.3)}.submit-result.error{background:#f443361a;color:#c62828;border:1px solid rgba(244,67,54,.3)}.join-info-section{animation:slideInRight .8s ease-out}.join-info-box{background:#fffffff2;border-radius:25px;padding:1.8rem;box-shadow:0 20px 60px #4caf501a,0 8px 30px #0000000d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);height:fit-content}.join-info-box h3{font-size:1.5rem;background:linear-gradient(135deg,#059669,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;font-weight:700;text-align:center}.info-steps{margin-bottom:1.2rem}.step{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.8rem;padding:.6rem;background:#0596690d;border-radius:10px;transition:all .3s ease}.step:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0596691a}.step-number{background:linear-gradient(135deg,#059669,#10b981);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.step-content h4{color:#2c3e50;margin-bottom:.3rem;font-size:1rem;font-weight:600}.step-content p{color:#5a6c7d;line-height:1.4;margin:0;font-size:.85rem}.volunteer-types{margin-bottom:1rem;padding:.8rem;background:#4caf500d;border-radius:10px}.volunteer-types h4{background:linear-gradient(135deg,#059669,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.6rem;font-size:1rem;font-weight:600}.volunteer-types ul{list-style:none;padding:0;margin:0}.volunteer-types li{padding:.2rem 0;color:#5a6c7d;border-bottom:1px solid rgba(5,150,105,.1);font-size:.8rem;line-height:1.3}.volunteer-types li:last-child{border-bottom:none}.volunteer-types strong{color:#2c3e50}.contact-info{text-align:center;padding:.8rem;background:#0596690d;border-radius:10px}.contact-info h4{background:linear-gradient(135deg,#059669,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;font-size:1rem;font-weight:600}.contact-info p{color:#5a6c7d;margin:0;font-size:.9rem}.contact-info a{color:#059669;text-decoration:none;font-weight:500}.contact-info a:hover{text-decoration:underline}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.join-page{padding:40px 15px}.join-header h1{font-size:2.5rem}.join-header p{font-size:1.1rem}.join-content{grid-template-columns:1fr;gap:2rem}.join-instructions h3{font-size:1.8rem;text-align:center}.instruction-step{margin-bottom:1rem}.instruction-step p{font-size:1rem}.join-form-section{padding:20px 30px;max-width:100%;margin:0 10px}.form-group input,.form-group textarea{padding:14px 25px;font-size:1rem}.join-submit-btn{padding:16px 50px;font-size:1.1rem}}@media(max-width:480px){.join-header h1{font-size:1.8rem}.join-form-section{padding:20px}.form-group input,.form-group textarea{padding:12px}}.donate-page{min-height:100vh;padding:190px 2rem 80px;background:linear-gradient(135deg,#f8f9fa,#fff);position:relative}.donate-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(5,150,105,.05) 0%,transparent 50%);pointer-events:none}.donate-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.donate-header{text-align:center;margin-bottom:60px}.donate-header h1{font-size:4rem;background:linear-gradient(135deg,#059669,#10b981,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;font-weight:700;font-family:Poppins,Montserrat,sans-serif;text-shadow:0 2px 10px rgba(5,150,105,.2);animation:fadeInUp .8s ease-out}.donate-header p{font-size:1.3rem;color:#5a6c7d;max-width:700px;margin:0 auto;line-height:1.7;font-weight:400;animation:fadeInUp .8s ease-out .2s both}.donation-tabs{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem}.tab-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:15px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;color:#495057}.tab-btn:hover{background:linear-gradient(135deg,#059669,#10b981);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0596694d}.tab-btn.active{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-color:#059669;box-shadow:0 8px 20px #0596694d}.donate-content{animation:fadeInUp .8s ease-out .4s both}.online-transfer-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.transfer-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;padding:2rem;box-shadow:0 15px 35px #0000001a;border:1px solid #e8ecf0}.card-icon{font-size:3rem;text-align:center;margin-bottom:1rem}.transfer-card h3{font-size:1.8rem;color:#2c3e50;margin-bottom:1.5rem;font-family:Poppins,sans-serif;text-align:center}.now-text{color:#e74c3c;font-weight:700}.bank-details{background:#4a90e20d;border-radius:12px;padding:1.5rem;margin-top:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid rgba(5,150,105,.1)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:600;color:#2c3e50;min-width:120px}.detail-row .value{color:#059669;font-weight:500;text-align:right;flex:1}.scan-donation-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.scan-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;padding:2rem;box-shadow:0 15px 35px #0000001a;border:1px solid #e8ecf0;text-align:center}.donation-info-text{font-size:.9rem;color:#6c757d;line-height:1.6;margin:1.5rem 0;text-align:left}.donate-once-btn{background:linear-gradient(135deg,#f1c40f,#f39c12);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.donate-once-btn:hover{background:linear-gradient(135deg,#fd0,gold);transform:translateY(-2px);box-shadow:0 8px 20px #fd09}.qr-section{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;padding:2rem;box-shadow:0 15px 35px #0000001a;border:1px solid #e8ecf0;text-align:center}.qr-section h3{font-size:1.5rem;color:#2c3e50;margin-bottom:.5rem;font-family:Poppins,sans-serif}.scan-text{color:#e74c3c;font-weight:700}.qr-instructions{text-align:left;margin:1.5rem 0;padding:1rem;background:#4a90e20d;border-radius:10px}.qr-instructions p{margin:.3rem 0;font-size:.9rem;color:#495057}.qr-code-container{margin:2rem 0}.qr-code{display:inline-block;text-align:center}.qr-placeholder{width:150px;height:150px;border:2px solid #059669;border-radius:10px;margin:0 auto 1rem;background:#fff;display:flex;align-items:center;justify-content:center}.qr-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:120px;height:120px}.qr-dot{background:#f8f9fa;border-radius:2px}.qr-dot.filled{background:#2c3e50}.payment-apps{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.app-logo{background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600}.receipt-info{grid-column:1 / -1;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:12px;padding:1.5rem;text-align:center;margin-top:2rem}.receipt-info p{margin:0;color:#2e7d32;font-size:.9rem;line-height:1.5}.donation-info h3{font-size:2rem;color:#2c3e50;margin-bottom:2rem;font-weight:700;font-family:Poppins,sans-serif}.impact-item{display:flex;align-items:center;margin-bottom:1.5rem;gap:1rem}.impact-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#059669,#10b981);border-radius:15px;box-shadow:0 4px 15px #0596694d}.impact-text h4{font-size:1.1rem;color:#2c3e50;margin-bottom:.3rem;font-weight:600;font-family:Poppins,sans-serif}.impact-text p{font-size:.9rem;color:#5a6c7d;line-height:1.5;margin:0}.donation-form{background:linear-gradient(145deg,#fff,#f8f9fa);padding:2.5rem;border-radius:25px;box-shadow:0 20px 40px #0000001a,0 6px 20px #0000000d;border:1px solid #e3e8f0;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInRight .8s ease-out}.donation-form:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,144,226,.1),transparent);transition:left .5s ease}.donation-form:hover:before{left:100%}.donation-form:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026,0 10px 30px #00000014}.donation-form h3{font-size:2rem;color:#2c3e50;margin-bottom:2rem;font-weight:700;font-family:Poppins,sans-serif;text-align:center}.amount-section{margin-bottom:2rem}.amount-section label{font-weight:600;color:#2c3e50;font-size:1.1rem;margin-bottom:1rem;display:block;font-family:Poppins,sans-serif}.predefined-amounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem;margin-bottom:1rem}.amount-btn{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e8ecf4;border-radius:12px;padding:.8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;color:#2c3e50}.amount-btn:hover{background:linear-gradient(135deg,#059669,#10b981);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0596694d}.amount-btn.selected{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-color:#059669;box-shadow:0 8px 20px #0596694d}.custom-amount input{width:100%;padding:1rem;border:2px solid #e8ecf4;border-radius:12px;font-size:1rem;font-family:Poppins,sans-serif;transition:all .3s ease}.custom-amount input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 4px #0596691a}.donor-info{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{font-weight:600;color:#2c3e50;font-size:1rem;margin-bottom:.5rem;display:block;font-family:Poppins,sans-serif}.form-group input,.form-group textarea{width:100%;padding:.8rem 1rem;border:2px solid #e8ecf4;border-radius:10px;font-size:.95rem;background:#ffffffe6;transition:all .3s ease;font-family:Poppins,sans-serif;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#059669;background:#fff;box-shadow:0 0 0 4px #0596691a;transform:translateY(-2px)}.form-group textarea{resize:vertical;min-height:80px}.donate-submit-btn{width:100%;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-family:Poppins,sans-serif}.donate-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-2px);box-shadow:0 12px 30px #05966966}.donate-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-notice{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #f39c12;border-radius:10px;padding:1rem;margin:1rem 0;text-align:center}.demo-notice p{font-size:.9rem;color:#d68910;margin:.3rem 0;font-family:Poppins,sans-serif}.payment-security{text-align:center;padding-top:1rem;border-top:1px solid #e8ecf4}.payment-security p{font-size:.9rem;color:#5a6c7d;margin:.2rem 0;font-family:Poppins,sans-serif}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:968px){.online-transfer-section,.scan-donation-section{grid-template-columns:1fr;gap:2rem}.donation-tabs{flex-direction:column;gap:1rem}}@media(max-width:768px){.donate-page{padding:40px 15px}.donate-header h1{font-size:2.5rem}.donate-header p{font-size:1.1rem}.transfer-card,.donation-form,.scan-card,.qr-section{padding:1.5rem}.predefined-amounts{grid-template-columns:repeat(2,1fr)}.tab-btn{padding:.8rem 1.5rem;font-size:1rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.3rem}.detail-row .value{text-align:left}}@media(max-width:480px){.donate-header h1{font-size:1.8rem}.donation-info,.donation-form{padding:1rem}.predefined-amounts{grid-template-columns:1fr}.donate-submit-btn{font-size:1rem;padding:.8rem 1.5rem}}.learn-more-page{min-height:100vh;background:#f8fafc}.learn-more-hero{position:relative;height:calc(70vh + 110px);margin-top:110px;background:url(/images/Learn%20more%20.webp);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.hero-content{position:relative;z-index:2;max-width:1000px;padding:0 2rem}.hero-vision-mission{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-vision,.hero-mission{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);animation:fadeInUp 1s ease-out}.hero-vision h2,.hero-mission h2{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#059669,#10b981);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;text-shadow:none}.hero-vision p,.hero-mission p{font-size:1.1rem;font-weight:400;line-height:1.6;color:#475569;margin:0;text-shadow:none}.learn-more-container{max-width:1200px;margin:0 auto;padding:0 2rem}.content-section{padding:80px 0}.alternate-bg{background:#fff;margin:0 -2rem;padding:80px 2rem;border-radius:0}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#059669,#10b981,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;position:relative;text-shadow:2px 2px 4px rgba(5,150,105,.2)}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#059669,#10b981);border-radius:2px}.content-text{max-width:900px;margin:0 auto}.content-text p{font-size:1.2rem;line-height:1.8;color:#475569;margin-bottom:2rem;text-align:justify}.additional-info{background:#0596691a;padding:2rem;border-radius:15px;border-left:4px solid #059669;font-weight:500;margin-top:3rem!important}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.program-item{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;text-align:center;transition:all .3s ease;border:1px solid rgba(5,150,105,.1)}.program-item:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000026;border-color:#05966933}.program-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;padding:20px;box-shadow:0 8px 25px #0596694d}.program-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.program-item h3{font-size:1.4rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.program-item p{font-size:1rem;color:#64748b;line-height:1.6;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.learn-more-hero{height:calc(60vh + 80px);margin-top:80px}.hero-vision-mission{grid-template-columns:1fr;gap:2rem}.hero-vision,.hero-mission{padding:2rem}.hero-vision h2,.hero-mission h2{font-size:1.8rem}.hero-vision p,.hero-mission p{font-size:1rem}.section-header h2{font-size:2.2rem}.content-text p{font-size:1.1rem;text-align:left}.programs-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:480px){.learn-more-hero{height:60vh;background-attachment:scroll}.content-section{padding:60px 0}.alternate-bg{padding:60px 1rem}.hero-content h1{font-size:2rem}.section-header h2{font-size:1.8rem}.program-item{padding:1.5rem}.program-icon{width:60px;height:60px;padding:15px}}footer{background-color:#1f2937;color:#fff}.footer-content{max-width:1200px;margin:0 auto;padding:2.5rem 2rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.footer-logo-img{height:40px;width:40px;object-fit:contain;border-radius:6px}.footer-section h3{font-size:1.75rem;font-weight:700;color:#fde047;margin:0}.footer-section h4{font-size:1.25rem;font-weight:600;color:#fde047;margin-bottom:1rem}.footer-contact h4{font-size:1.125rem;font-weight:600;color:#fde047;margin-bottom:1rem}.footer-section p{color:#d1d5db;line-height:1.6;margin-bottom:1rem;font-size:1.05rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#d1d5db;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#fff}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{color:#d1d5db;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background-color:#ffffff1a}.social-links a:hover{color:#1877f2;background-color:#fff3;transform:translateY(-2px)}.social-links svg{width:24px;height:24px}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:flex-start;gap:1rem}.contact-icon{color:#fde047;font-size:1.25rem;margin-top:.25rem;flex-shrink:0}.footer-bottom{background-color:#111827;padding:1rem 0}.footer-bottom-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-bottom-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-bottom-links a{color:#9ca3af;text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-bottom-links a:hover{color:#fff}.footer-bottom p{color:#9ca3af;font-size:1rem;margin:0;text-align:center}@media(max-width:480px){.footer-content{padding:2rem 1rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-section h3{font-size:1.5rem}.footer-section h4{font-size:1.1rem}.footer-section p{font-size:.95rem}.contact-item{flex-direction:row;align-items:center}.footer-bottom{padding:.75rem 0}.footer-bottom-content{padding:0 1rem}}@media(min-width:768px){.footer-bottom-content{flex-direction:row;justify-content:space-between;align-items:center}.footer-bottom-links{justify-content:flex-end}}body.dark-mode footer{background-color:#0f172a!important;color:var(--text-dark)!important}body.dark-mode .footer-section h3{color:var(--text-dark)!important}body.dark-mode .footer-section p,body.dark-mode .footer-section a{color:var(--text-gray)!important}body.dark-mode .footer-section a:hover{color:var(--primary-blue)!important}body.dark-mode .footer-bottom{border-top:1px solid rgba(255,255,255,.1)!important;background-color:#020617!important}body.dark-mode .footer-bottom p{color:var(--text-gray)!important}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}