*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif;}
.navbar{position:fixed;width:100%;padding:20px 40px;display:flex;justify-content:space-between;transition:0.3s;z-index:1000;}
.navbar.scrolled{background:#003A8F;}
.navbar a{color:white;margin-left:20px;text-decoration:none;}
.hero{height:100vh;background:url('https://images.unsplash.com/photo-1518770660439-4636190af475') center/cover;display:flex;align-items:center;justify-content:center;}
.hero-content{background:rgba(0,30,80,0.7);padding:40px;text-align:center;color:white;}
.hero h1{font-size:45px;}
.hero button{margin-top:20px;padding:12px 25px;background:#00A859;border:none;cursor:pointer;}
.impact{padding:60px;background:#002B5B;color:white;text-align:center;}
.services{padding:80px 40px;text-align:center;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:40px;}
.card{background:#f4f4f4;padding:30px;border-radius:10px;transition:0.3s;}
.card:hover{transform:translateY(-10px);background:#00A859;color:white;}
.cta{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;background:#003A8F;padding:60px;}
.cta-box{background:#00A859;padding:30px;border-radius:10px;color:white;width:280px;}
.about{padding:80px;background:#f4f4f4;text-align:center;}
footer{background:#001F3F;color:white;text-align:center;padding:20px;}
.fade-in{opacity:0;transform:translateY(30px);transition:all 0.8s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}