@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1c3026;background:#f4f7f1;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.app{min-height:100vh;overflow:hidden}.header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #224c3514;position:relative}.header-content{justify-content:space-between;align-items:center;max-width:1250px;margin:auto;padding:18px 35px;display:flex}.logo-section{align-items:center;gap:15px;display:flex}.logo-wrapper{border-radius:16px;width:62px;height:62px;transition:all .35s;overflow:hidden;box-shadow:0 8px 25px #234d331f}.logo-wrapper:hover{transform:translateY(-3px)rotate(-2deg);box-shadow:0 14px 30px #234d332e}.logo{object-fit:cover;width:100%;height:100%}.brand h2{color:#173b28;letter-spacing:-.3px;font-family:Playfair Display,serif;font-size:23px}.brand p{color:#708477;letter-spacing:.7px;margin-top:3px;font-size:12px}.header-badge{color:#42624d;background:#f4f8f2;border:1px solid #235e391f;border-radius:50px;align-items:center;gap:8px;padding:9px 15px;font-size:12px;font-weight:600;display:flex}.status-dot{background:#5f9b68;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 0 5px #5f9b681f}.hero{background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:680px;display:flex;position:relative}.hero:before{content:"";background:linear-gradient(110deg,#0a2618e0,#133f28ad,#133f2840);position:absolute;inset:0}.hero-overlay{z-index:2;width:100%;position:relative}.hero-content{max-width:1100px;margin:auto;padding:90px 35px;animation:1s forwards heroEnter}.coming-badge{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;letter-spacing:1.6px;background:#ffffff1c;border:1px solid #ffffff47;border-radius:50px;align-items:center;gap:9px;padding:9px 15px;font-size:11px;font-weight:700;animation:3s ease-in-out infinite floatBadge;display:inline-flex}.hero-title{color:#fff;letter-spacing:-2.5px;max-width:750px;margin-top:25px;font-family:Playfair Display,serif;font-size:clamp(48px,7vw,82px);line-height:1.02}.hero-title span{color:#b9d8a7;display:block}.hero-text{color:#ffffffd1;max-width:540px;margin-top:25px;font-size:17px;line-height:1.8}.stay{color:#d5e7ca;letter-spacing:.5px;margin-top:17px;font-size:14px;font-weight:600}.feature-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff24;border-radius:22px;grid-template-columns:repeat(4,1fr);max-width:850px;margin-top:45px;padding:18px;display:grid;box-shadow:0 25px 70px #00000026}.feature{border-right:1px solid #ffffff1f;align-items:center;gap:12px;padding:12px 18px;transition:all .3s;display:flex}.feature:last-child{border-right:none}.feature:hover{transform:translateY(-5px)}.feature-icon{color:#c9e5b9;background:#c0dcb124;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.feature:hover .feature-icon{background:#c9e5b938;transform:scale(1.08)}.feature-icon svg{width:20px;height:20px}.feature strong,.feature span{display:block}.feature strong{color:#fff;font-size:13px}.feature span{color:#fff9;margin-top:2px;font-size:11px}.contact-section{max-width:1100px;margin:auto;padding:90px 35px 100px}.contact-heading{text-align:center;margin-bottom:35px}.section-label{color:#64816a;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.contact-heading h2{color:#193b29;margin-top:10px;font-family:Playfair Display,serif;font-size:42px}.contact-heading p{color:#78877d;max-width:480px;margin:10px auto 0;font-size:14px;line-height:1.7}.map-container{border:1px solid #274b3117;border-radius:24px;transition:all .4s;overflow:hidden;box-shadow:0 20px 55px #1f432b1c}.map-container:hover{transform:translateY(-4px);box-shadow:0 28px 65px #1f432b29}.contact-buttons{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px;display:grid}.contact-btn{background:#fff;border:1px solid #284b3014;border-radius:19px;align-items:center;gap:15px;padding:20px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;box-shadow:0 8px 30px #22452c0f}.contact-btn:hover{border-color:#41704b2e;transform:translateY(-5px);box-shadow:0 18px 40px #22452c1f}.contact-icon{color:#416c49;background:#edf5ea;border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.contact-btn:hover .contact-icon{transform:rotate(-5deg)scale(1.08)}.contact-icon svg{width:21px}.contact-info{flex:1}.contact-info span,.contact-info strong{display:block}.contact-info span{color:#8a988e;text-transform:uppercase;letter-spacing:1px;font-size:11px}.contact-info strong{color:#294d35;margin-top:4px;font-size:14px}.arrow{color:#91a398;transition:all .3s}.contact-btn:hover .arrow{color:#416c49;transform:translate(3px,-3px)}.footer{text-align:center;color:#ffffff8c;background:#173426;padding:35px 20px;font-size:12px}.footer-line{background:#9fbd91;border-radius:10px;width:45px;height:2px;margin:0 auto 18px}.footer strong{color:#d0e3c5}.footer span{letter-spacing:1px;color:#ffffff59;margin-top:7px;font-size:10px;display:block}@keyframes heroEnter{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse{0%{box-shadow:0 0 #5f9b6859}70%{box-shadow:0 0 0 7px #5f9b6800}to{box-shadow:0 0 #5f9b6800}}@media (width<=850px){.header-content{padding:15px 20px}.header-badge{display:none}.hero{min-height:650px}.hero-content{padding:75px 22px}.feature-box{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border-right:none}.feature:nth-child(-n+2){border-bottom:1px solid #ffffff1f;padding-bottom:18px}.feature:nth-child(n+3){padding-top:18px}.contact-buttons{grid-template-columns:1fr}}@media (width<=550px){.brand h2{font-size:19px}.brand p{font-size:10px}.logo-wrapper{width:52px;height:52px}.hero{min-height:700px}.hero-title{letter-spacing:-1.5px;font-size:47px}.hero-text{font-size:15px}.feature-box{grid-template-columns:1fr;padding:12px}.feature{border-bottom:1px solid #ffffff1f;border-right:none!important;padding:14px!important}.feature:last-child{border-bottom:none}.contact-section{padding:65px 20px 75px}.contact-heading h2{font-size:36px}}
