*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}body{color:#222;background:#f7faf8;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.landing{flex-direction:column;min-height:100vh;display:flex}.header{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #fff6;border-radius:18px;justify-content:space-between;align-items:center;gap:25px;margin:15px 20px;padding:15px 30px;display:flex;position:sticky;top:15px;box-shadow:0 10px 30px #00000014}.logo img{height:42px;display:block}.search{flex:1;justify-content:center;display:flex}.search input{background:#fff;border:none;border-radius:999px;width:100%;max-width:460px;padding:14px 22px;font-size:14px;box-shadow:0 8px 20px #00000014}.search input:focus{outline:none;box-shadow:0 10px 25px #138c432e}.menu{align-items:center;gap:15px;display:flex}.menu a{font-weight:600;transition:all .3s}.menu a:hover{color:#138c43}.joinBtn{color:#fff;background:#138c43;border:none;border-radius:999px;padding:12px 24px;font-weight:600;transition:all .3s}.joinBtn:hover{background:#0f7839;transform:translateY(-2px)}.menuBtn{background:#fff;border:none;border-radius:50%;width:46px;height:46px;font-size:22px;transition:all .3s;box-shadow:0 8px 20px #00000014}.menuBtn:hover{color:#fff;background:#138c43;transform:rotate(90deg)}.hero{background-image:linear-gradient(90deg,#f8faf8f7 0%,#f8faf8ed 35%,#f8faf859 60%,#0000002e 100%),url(/mahuli-fort.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:space-between;align-items:center;gap:60px;margin:20px;padding:60px;display:flex;overflow:hidden}.left{flex:1;max-width:620px;animation:.8s fadeUp}.badge{color:#138c43;align-items:center;gap:8px;margin-bottom:25px;font-size:18px;font-weight:600;display:inline-flex}.left h1{margin-bottom:22px;font-size:60px;font-weight:800;line-height:1.05}.left h1 span{color:#138c43}.left p{color:#555;margin-bottom:35px;font-size:18px;line-height:1.7}.buttons{flex-wrap:wrap;gap:18px;margin-bottom:40px;display:flex}.primary,.secondary{border-radius:999px;padding:16px 34px;font-size:16px;transition:all .3s}.primary{color:#fff;background:#138c43;border:none}.primary:hover{background:#0d7536;transform:translateY(-4px);box-shadow:0 15px 25px #0000002e}.secondary{background:#fff;border:1px solid #ddd}.secondary:hover{transform:translateY(-4px);box-shadow:0 15px 25px #0000001f}.stats{flex-wrap:wrap;gap:45px;display:flex}.stats div{flex-direction:column;display:flex}.stats strong{color:#138c43;font-size:34px}.stats span{color:#666;font-size:14px}.right{justify-content:center;align-items:center;width:40%;animation:1.2s fadeUp;display:flex}.comingSoon{text-align:center;color:#fff;text-shadow:0 8px 25px #00000073;animation:5s ease-in-out infinite floating}.comingSoon h2{letter-spacing:8px;font-size:96px;font-weight:900;line-height:.9}.comingSoon p{letter-spacing:6px;margin-top:18px;font-size:24px}.popupOverlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.popup{background:#fff;border-radius:22px;flex-direction:column;gap:18px;width:92%;max-width:430px;padding:35px;animation:.3s popupShow;display:flex;position:relative;box-shadow:0 25px 60px #00000040}.popup h2{text-align:center;color:#138c43;font-size:30px}.popup p{text-align:center;color:#666;font-size:15px}.popup input{border:1px solid #ddd;border-radius:12px;padding:15px;font-size:15px}.popup input:focus{border-color:#138c43;outline:none;box-shadow:0 0 0 4px #138c431f}.submitBtn{color:#fff;background:#138c43;border:none;border-radius:12px;padding:15px;font-size:16px;font-weight:600;transition:all .3s}.submitBtn:hover{background:#0d7536;transform:translateY(-2px)}.closeBtn{background:#f2f2f2;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;transition:all .3s;position:absolute;top:16px;right:16px}.closeBtn:hover{color:#fff;background:#138c43}.menuOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#00000073;animation:.3s fadeIn;position:fixed;inset:0}.sideMenu{z-index:1000;background:#fff;flex-direction:column;width:360px;max-width:90%;height:100vh;padding:30px;animation:.3s slideMenu;display:flex;position:fixed;top:0;right:0;box-shadow:-12px 0 35px #0000002e}.menuHeader{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.menuHeader h2{color:#138c43;font-size:30px}.closeMenu{background:#f3f3f3;border:none;border-radius:50%;width:42px;height:42px;font-size:20px;transition:all .3s}.closeMenu:hover{color:#fff;background:#138c43;transform:rotate(90deg)}.menuItems{flex-direction:column;flex:1;gap:10px;margin-top:25px;display:flex}.menuItem{background:#fff;border:none;border-radius:14px;align-items:center;gap:16px;padding:16px;font-size:18px;transition:all .3s;display:flex}.menuItem span{text-align:left;flex:1}.menuItem:hover{color:#fff;background:#138c43;transform:translate(-5px)}.menuFooter{text-align:center;border-top:1px solid #eee;padding-top:20px}.menuFooter p{color:#138c43;margin-bottom:5px;font-weight:700}.menuFooter small{color:#777}@keyframes popupShow{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideMenu{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes heroZoom{0%{background-size:100%}to{background-size:108%}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.hero{text-align:center;flex-direction:column;gap:40px;padding:50px 35px}.left,.right{width:100%;max-width:100%}.buttons,.stats{justify-content:center}.comingSoon h2{font-size:70px}.left h1{font-size:48px}.search{display:none}.header{padding:15px 20px}}@media (max-width:768px){.header{gap:10px;margin:10px;padding:12px 15px}.logo img{height:34px}.menu{gap:8px}.menu a{display:none}.joinBtn{padding:10px 16px;font-size:14px}.menuBtn{width:42px;height:42px;font-size:20px}.hero{text-align:center;background-image:linear-gradient(#f8faf8eb,#f8faf8bf),url(/mahuli-fort.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;flex-direction:column;margin:10px;padding:30px 20px}.left h1{font-size:42px}.left p{font-size:16px}.badge{justify-content:center;font-size:15px}.buttons{flex-direction:column;align-items:center}.primary,.secondary{width:100%;max-width:320px}.stats{justify-content:center;gap:20px}.stats strong{font-size:28px}.right{display:none}.popup{padding:25px}.sideMenu{width:100%;max-width:100%;padding:24px}.menuHeader h2{font-size:24px}.menuItem{padding:16px;font-size:17px}}@media (max-width:480px){.left h1{font-size:34px}.left p{font-size:15px}.stats{flex-direction:column;gap:16px}.badge{font-size:14px}.popup{padding:20px}.popup h2{font-size:24px}.joinBtn{padding:10px 14px;font-size:13px}.menuBtn{width:40px;height:40px}}