*{box-sizing:border-box}:root{--primary-green: #afd039;--secondary-green: #a2d66e;--dark-teal: #14261C;--gray: #4E5652;--light-gray: #F4F6F4;--bg-green: #ecf8e5;--white: #FFFFFF;--highlight-green: #bacf2d;--transition-smooth: cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:fadeInUp .6s var(--transition-smooth) forwards}.animate-fade-in-left{opacity:0;animation:fadeInLeft .6s var(--transition-smooth) forwards}.animate-fade-in-right{opacity:0;animation:fadeInRight .6s var(--transition-smooth) forwards}.animate-fade-in{opacity:0;animation:fadeIn .6s var(--transition-smooth) forwards}.animate-scale-in{opacity:0;animation:scaleIn .5s var(--transition-smooth) forwards}.animate-float{animation:float 3s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s var(--transition-smooth),transform .6s var(--transition-smooth)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll-left{opacity:0;transform:translate(-40px);transition:opacity .6s var(--transition-smooth),transform .6s var(--transition-smooth)}.animate-on-scroll-left.visible{opacity:1;transform:translate(0)}.animate-on-scroll-right{opacity:0;transform:translate(40px);transition:opacity .6s var(--transition-smooth),transform .6s var(--transition-smooth)}.animate-on-scroll-right.visible{opacity:1;transform:translate(0)}.animate-on-scroll-scale{opacity:0;transform:scale(.9);transition:opacity .5s var(--transition-smooth),transform .5s var(--transition-smooth)}.animate-on-scroll-scale.visible{opacity:1;transform:scale(1)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;line-height:1.6;color:var(--dark-teal);background:var(--white)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 20px #14261c1a}.header-content{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.logo{height:50px;width:auto}.nav{display:flex;gap:30px}.nav a{text-decoration:none;color:var(--dark-teal);font-weight:500;position:relative;transition:color .3s var(--transition-smooth)}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-green);transition:width .3s var(--transition-smooth)}.nav a:hover{color:var(--primary-green)}.nav a:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:120px 40px 60px;max-width:1400px;margin:0 auto;gap:60px;background:linear-gradient(135deg,var(--bg-green) 0%,var(--white) 100%)}.hero-content{flex:1;max-width:600px}.hero-tag{display:inline-block;background:var(--primary-green);color:var(--dark-teal);padding:8px 20px;border-radius:30px;font-size:14px;font-weight:600;margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}.hero h1{font-size:42px;font-weight:700;line-height:1.2;margin:0 0 24px;color:var(--dark-teal)}.hero-subtitle{font-size:18px;color:var(--gray);margin-bottom:16px;line-height:1.7}.hero-company{font-size:14px;color:var(--gray);margin-bottom:32px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--primary-green);color:var(--dark-teal);padding:14px 32px;border-radius:30px;text-decoration:none;font-weight:600;font-size:16px;position:relative;overflow:hidden;transition:transform .3s var(--transition-smooth),box-shadow .3s var(--transition-smooth)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s var(--transition-smooth)}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #afd03966}.btn-primary:hover:before{left:100%}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;border-radius:20px;animation:float 4s ease-in-out infinite;transition:transform .3s var(--transition-smooth)}.hero-image img:hover{transform:scale(1.02)}.about{padding:80px 20px;background:var(--light-gray)}.about-text{font-size:22px;text-align:center;color:var(--gray);max-width:900px;margin:0 auto 40px;line-height:1.8}.social-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.social-link{background:var(--white);color:var(--dark-teal);padding:10px 24px;border-radius:30px;text-decoration:none;font-weight:500;border:2px solid var(--primary-green);transition:all .3s var(--transition-smooth);position:relative;overflow:hidden}.social-link:hover{background:var(--primary-green);color:var(--dark-teal);transform:translateY(-3px);box-shadow:0 8px 20px #afd0394d}.impact{padding:100px 20px;background:var(--dark-teal);color:var(--white)}.impact h2{text-align:center;font-size:42px;margin-bottom:60px;font-weight:300}.impact h2 strong{font-weight:700;color:var(--primary-green)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;max-width:1100px;margin:0 auto}.stat-card{text-align:center;padding:30px 20px;background:#afd0391a;border-radius:16px;border:1px solid rgba(175,208,57,.2);transition:all .4s var(--transition-smooth);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-green);transform:scaleX(0);transition:transform .4s var(--transition-smooth)}.stat-card:hover{transform:translateY(-8px);background:#afd03933;box-shadow:0 20px 40px #0003;border-color:var(--primary-green)}.stat-card:hover:before{transform:scaleX(1)}.stat-value{display:block;font-size:36px;font-weight:700;color:var(--primary-green);margin-bottom:8px;transition:transform .3s var(--transition-smooth)}.stat-card:hover .stat-value{transform:scale(1.1)}.stat-label{font-size:13px;color:#fffc;line-height:1.5}.vision{padding:80px 20px;background:var(--bg-green)}.vision-content{display:flex;gap:60px;align-items:flex-start;max-width:1000px;margin:0 auto}.vision h6{font-size:24px;color:var(--primary-green);margin:0;white-space:nowrap;font-weight:700}.vision h2{font-size:24px;color:var(--dark-teal);margin:0;line-height:1.6;font-weight:400}.brain-info{padding:40px 20px;background:var(--dark-teal)}.brain-info .container{max-width:700px}.info-card{text-align:center;padding:24px;margin-bottom:24px;border-radius:12px}.info-card.dark{background:#0000004d}.info-card.dark p{color:var(--white);font-size:18px;margin:0;line-height:1.5}.info-card.dark strong{color:#f44}.info-card.highlight p{color:var(--highlight-green);font-size:16px;margin:0;line-height:1.5}.info-card p{color:var(--white);font-size:15px;margin:0;line-height:1.6}.brain-img,.brain-arch-img,.challenge-img{width:100%;max-width:500px;display:block;margin:0 auto 24px;border-radius:8px}.neural-block{display:flex;align-items:center;gap:40px;background:#bacf2d1a;border:1px solid rgba(186,207,45,.3);border-radius:16px;padding:30px 40px;margin-bottom:24px}.neural-text{flex:1}.neural-text p{color:var(--highlight-green);font-size:20px;margin:0;line-height:1.6;text-align:left}.neural-text strong{color:#fff;font-size:24px}.neural-image{flex-shrink:0}.neural-image img{width:120px;height:auto;border-radius:8px}.challenge-section{background:#ffffff0d;padding:24px;border-radius:12px;margin-bottom:24px}.challenge-section h3{color:var(--white);font-size:16px;margin:0 0 12px}.challenge-section ul{color:var(--white);margin:0;padding-left:20px}.challenge-section li{margin-bottom:6px;font-size:14px}.unicef-quote{background:var(--bg-green);padding:24px;border-radius:12px;margin:24px 0 0;border-left:4px solid var(--primary-green)}.unicef-quote p{color:var(--dark-teal);font-size:15px;font-style:italic;margin:0 0 10px}.unicef-quote cite{color:var(--gray);font-weight:700;font-style:normal;font-size:14px}.solutions{padding:80px 20px;background:var(--white)}.solutions h2{text-align:center;font-size:36px;color:var(--dark-teal);margin:40px 0 60px}.solution-overview{width:100%;border-radius:16px;margin-bottom:20px}.solution-item{display:flex;gap:60px;align-items:center;margin-bottom:80px;padding:40px;background:var(--light-gray);border-radius:20px;transition:transform .4s var(--transition-smooth),box-shadow .4s var(--transition-smooth)}.solution-item:hover{transform:translateY(-5px);box-shadow:0 20px 50px #14261c1a}.solution-item.reverse{flex-direction:row-reverse;background:var(--bg-green)}.solution-text{flex:1}.solution-text h3{font-size:24px;color:var(--dark-teal);margin:0 0 16px;transition:color .3s var(--transition-smooth)}.solution-item:hover .solution-text h3{color:var(--primary-green)}.solution-text p{color:var(--gray);font-size:16px;line-height:1.7;margin:0}.solution-image{flex:1;overflow:hidden;border-radius:12px}.solution-image img{width:100%;border-radius:12px;transition:transform .5s var(--transition-smooth)}.solution-item:hover .solution-image img{transform:scale(1.05)}.screening-info{display:flex;gap:40px;align-items:center;padding:40px;background:var(--light-gray);border-radius:20px;margin-bottom:40px}.screening-info img{max-width:50%;border-radius:12px}.screening-info p{font-size:20px;color:var(--dark-teal);margin:0}.activity-cards-img{width:100%;border-radius:16px}.deic-centers{padding:60px 20px;background:var(--light-gray)}.deic-images{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.deic-images img{width:100%;border-radius:12px}.videos{padding:80px 20px;background:var(--dark-teal)}.videos h2{text-align:center;font-size:36px;color:var(--white);margin-bottom:60px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.video-card{background:#ffffff0d;border-radius:16px;overflow:hidden;border:1px solid rgba(175,208,57,.2);transition:all .4s var(--transition-smooth)}.video-card:hover{transform:translateY(-8px);border-color:var(--primary-green);box-shadow:0 20px 40px #0000004d}.video-card h4{color:var(--white);padding:20px;margin:0;font-size:16px;background:#0003;transition:background .3s var(--transition-smooth)}.video-card:hover h4{background:#afd03933}.video-wrapper{position:relative;padding-bottom:56.25%;height:0}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.testimonials-info{padding:60px 20px;background:var(--white);text-align:center}.testimonials-info img{max-width:100%;margin-bottom:30px}.accolades{padding:80px 20px;background:var(--light-gray)}.accolades h2{text-align:center;font-size:36px;color:var(--dark-teal);margin-bottom:60px}.accolades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:60px}.accolade-card{background:var(--white);padding:30px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #0000000d;transition:all .4s var(--transition-smooth);position:relative;overflow:hidden}.accolade-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(175,208,57,.1),transparent);transition:left .6s var(--transition-smooth)}.accolade-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.accolade-card:hover:after{left:100%}.accolade-card img{max-width:100%;max-height:200px;object-fit:contain;margin-bottom:20px;transition:transform .4s var(--transition-smooth)}.accolade-card:hover img{transform:scale(1.05)}.accolade-card h4{font-size:18px;color:var(--dark-teal);margin:0 0 10px;transition:color .3s var(--transition-smooth)}.accolade-card:hover h4{color:var(--primary-green)}.accolade-card p{font-size:14px;color:var(--gray);margin:0}.partners-logos{text-align:center;margin-bottom:40px}.partners-logos img{max-width:100%}.recognition-img{width:100%;max-width:800px;display:block;margin:0 auto;border-radius:12px}.footer{background:var(--dark-teal);color:#fffc;padding:60px 20px 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-logo{height:40px;width:auto;margin-bottom:16px}.footer-brand p{margin:0;font-size:14px}.footer-address h4,.footer-links h4,.footer-social h4{color:var(--primary-green);font-size:16px;margin:0 0 16px}.footer-address p{margin:0;font-size:14px;line-height:1.7}.footer-links a,.footer-social a{display:block;color:#fffc;text-decoration:none;margin-bottom:10px;font-size:14px;transition:color .3s}.footer-links a:hover,.footer-social a:hover{color:var(--primary-green)}.social-icons{display:flex;flex-direction:column}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;text-align:center}.footer-bottom p{margin:0;font-size:14px}@media (max-width: 768px){.hero{flex-direction:column;padding:100px 20px 40px;text-align:center}.hero h1{font-size:28px}.hero-subtitle{font-size:16px}.nav{display:none}.vision-content{flex-direction:column;gap:20px;text-align:center}.solution-item,.solution-item.reverse,.screening-info{flex-direction:column}.screening-info img{max-width:100%}.neural-block{flex-direction:column;text-align:center;padding:24px 20px;gap:20px}.neural-text p{text-align:center;font-size:16px}.neural-text strong{font-size:18px}.neural-image img{width:80px}.deic-images{grid-template-columns:1fr}.impact h2,.solutions h2,.videos h2,.accolades h2,.stat-value{font-size:28px}.footer-content{text-align:center}.social-icons{align-items:center}}hr{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.hero-image img{animation:none}.animate-on-scroll,.animate-on-scroll-left,.animate-on-scroll-right,.animate-on-scroll-scale{opacity:1;transform:none}}
