*{margin:0;padding:0;box-sizing:border-box}body{font-family:Barlow,sans-serif;color:#1b5e55;line-height:1.6;overflow-x:hidden}header{background:#fff;padding:1.2rem 5%;position:fixed;left:0;right:0;width:auto;top:0;z-index:1000;box-shadow:0 2px 10px #0000000d}nav{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:#1b5e55;text-decoration:none}.logo img{width:50px;height:50px}.nav-menu{display:flex;gap:2.5rem;list-style:none;align-items:center}.nav-menu a{color:#1b5e55;text-decoration:none;font-weight:600;transition:color .3s;font-size:1rem}.nav-menu a:hover{color:#d97040}.btn-donasi{background:linear-gradient(135deg,#d97040,#ee8244);color:#fff!important;padding:.8rem 2rem;border-radius:50px;font-weight:700;transition:transform .3s,box-shadow .3s}.btn-donasi:hover{transform:translateY(-2px);box-shadow:0 5px 15px #d970404d}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px}.menu-toggle span{width:25px;height:3px;background:#1b5e55;transition:.3s}footer{background:#1b5e55;color:#fff;padding:60px 5% 30px}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-about h3{font-size:1.5rem;margin-bottom:1rem}.footer-about p{color:#fffc;line-height:1.8;margin-bottom:1.5rem}.footer-legal{margin-top:1.5rem}.footer-legal p{color:#ffffffe6;line-height:1.8;margin-bottom:1rem;font-size:.95rem}.footer-legal strong{color:#ee8244;display:block;margin-bottom:.3rem}.footer-links h4{font-size:1.2rem;margin-bottom:1.5rem}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:.8rem}.footer-links ul li a{color:#fffc;text-decoration:none;transition:color .3s}.footer-links ul li a:hover{color:#ee8244}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#ffffffb3}@media(max-width:968px){.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:2rem 0}.nav-menu.active{left:0}.menu-toggle{display:flex}.footer-content{grid-template-columns:1fr}}
