:root{--green:#387942;--light-green:#D9F9DA;--accent:#6CAE73;--muted:#9AA99A;--max-width:1100px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.page-root{overflow-x:hidden}.hero{background-image:url(/hero-bg.jpg);background-size:cover;background-position:50%;min-height:calc(100vh - 120px);display:flex;align-items:center;padding:88px 20px;color:#fff;text-align:center}.hero .inner{max-width:770px;margin:0 auto}.hero h1{font-size:46px;line-height:1.1;font-weight:700;margin:0}@media (min-width:768px){.hero h1{font-size:72px}}.hero p{margin:24px 0;font-size:18px}.hero .cta{display:inline-block;padding:18px 28px;border:1px solid rgba(255,255,255,.8);background:transparent;color:white;border-radius:6px;cursor:pointer}.howitworks{padding:64px 20px;text-align:center;position:relative;overflow:visible}.howitworks .container{max-width:865px;margin:0 auto;position:relative;z-index:2}.howitworks h2{font-size:28px;margin-bottom:8px}.howitworks p{color:#5b6a5b;margin-bottom:28px}.steps{flex-direction:column;gap:18px}.step,.steps{display:flex;align-items:center}.step{gap:16px;width:100%;max-width:468px;background:white;padding:18px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.06);position:relative}.step .num{position:absolute;right:12px;top:10px;color:#A0AFA0;font-weight:700;font-size:24px}.icon-box{min-width:64px;min-height:64px;border-radius:8px;background:rgba(99,176,111,.08);display:flex;align-items:center;justify-content:center}.step h3{margin:0;font-size:16px}.step p{margin:4px 0 0;color:#6b6b6b}.carousel{padding:56px 20px;background:linear-gradient(180deg,var(--accent),#00b66a 60%);color:white;position:relative}.carousel .inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:18px}.carousel .title{display:flex;justify-content:space-between;align-items:center}.carousel .cards{gap:20px;padding:28px 0;flex-wrap:wrap}.card,.carousel .cards{display:flex;justify-content:center}.card{background:linear-gradient(180deg,rgba(255,255,255,.95),white);border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.08);width:220px;height:180px;align-items:flex-end;padding:12px;transform-origin:center;transition:transform .35s}.card img{max-width:120px;max-height:100px}.card h4{margin-top:8px;text-align:center;color:#030C1B}.form-section{max-width:1200px;margin:40px auto;padding:36px}.booking-card{background:linear-gradient(180deg,rgba(217,249,218,.5),#f7fff7);border-radius:14px;padding:28px;display:flex;gap:20px;align-items:stretch;position:relative;overflow:hidden}.left-panel,.right-panel{flex:1 1}.left-panel{display:flex;align-items:center;justify-content:center}.left-panel #map,.left-panel img{max-width:100%;height:auto;border-radius:12px}.form{display:flex;flex-direction:column;gap:12px}.input,select{padding:12px;border:1px solid #d6d6d6;border-radius:6px;width:100%;box-sizing:border-box}.row{display:flex;gap:12px}.row .col{flex:1 1}.small{width:120px}.buttons{display:flex;gap:12px;margin-top:12px}.btn{padding:12px;border-radius:8px;border:none;cursor:pointer}.btn-primary{background:var(--accent);color:white;flex:1 1}.btn-ghost{background:#e0e0e0;color:#333;flex:1 1}.note-red{color:#a72b2b;background:#ffecec;padding:8px;border-radius:6px;margin-top:8px}.selected-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}@media (max-width:900px){.booking-card{flex-direction:column}.left-panel,.right-panel{width:100%}.hero h1{font-size:44px}.card{width:45%}}@media (max-width:480px){.hero{padding:48px 16px;min-height:auto}.hero h1{font-size:28px}.card{width:100%;height:150px}}.carousel-controls{flex-direction:row-reverse}.carousel-card{background:linear-gradient(to bottom right,#D9F9DA,white,white)}.carousel-dot.active{background-color:#22c55e}@media (min-width:768px){.carousel-header{display:flex}.carousel-title-section{text-align:left;margin:0}.carousel-controls{position:relative;flex-direction:row}.carousel-btn:first-child{position:relative;left:auto;margin:0 20px 0 0;order:1}.carousel-btn:last-child{position:relative;right:auto;order:2}}@media (max-width:767px){.carousel-header{flex-direction:column}.carousel-title{font-size:30px}.carousel-controls{flex-direction:row-reverse;position:relative;width:100%;justify-content:center;margin-top:20px}.carousel-btn:first-child{position:static;margin-left:2px}.carousel-btn:last-child{position:static;margin-right:20px}.carousel-item{margin:0 24px}}.carousel-container{position:relative;margin-bottom:40px}.carousel-bg{background-color:#00463c;background-image:url(/hover.svg);color:white;height:60%;background-position:40% 12%;background-size:cover}.carousel-content{position:relative;max-width:1100px;margin:0 auto;height:100%;display:flex;flex-direction:column;z-index:10;padding-top:40px}.carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.carousel-title-section{text-align:center;padding:0 12px;margin:0 auto}.carousel-title{font-size:48px;font-weight:700;color:white;margin-bottom:16px}.carousel-subtitle{color:white;font-size:18px}.carousel-controls{display:flex;gap:16px;position:relative;margin:0 12px}.carousel-btn{background:transparent;border:2px solid white;border-radius:50%;padding:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:all .3s ease-in-out;opacity:.6;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center}.carousel-btn:hover{opacity:1}.carousel-items-container{position:relative;margin-top:30px}.carousel-items-wrapper{display:flex;justify-content:center;gap:16px;overflow:visible;padding:0 40px;position:relative}.carousel-item{text-align:center;width:100%;max-width:500px;height:300px;transition:transform .3s ease}.carousel-item:hover{transform:translateY(-40px)}.carousel-card{background:linear-gradient(to bottom right,#b4e2db,white,white);border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:20px;flex-shrink:0;position:relative;transition:transform .5s ease-in-out;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel-image{width:100%;height:100%;object-fit:contain;position:relative;z-index:20}.carousel-item-title{font-size:18px;font-weight:600;margin-top:16px;color:#030C1B}.carousel-dots{display:flex;justify-content:center;margin-top:0;gap:8px}.carousel-dot{height:12px;width:12px;border-radius:50%;transition:all .3s ease-in-out;border:none;cursor:pointer}.carousel-dot.active{background-color:#00463c}.carousel-dot.inactive{background-color:#d1d5db}.carousel-white-bg{position:absolute;bottom:0;left:0;width:100%;height:40%;background-color:white;z-index:0;padding-bottom:40px}@media (min-width:640px){.carousel-item{width:50%;margin:0}}@media (min-width:768px){.carousel-header{display:flex}.carousel-title-section{text-align:left;margin:0}.carousel-controls{position:relative}.carousel-btn:first-child{position:relative;right:auto;margin:0 20px 0 0}.carousel-btn:last-child{position:relative;left:auto}}@media (min-width:1024px){.carousel-item{width:25%}}@media (max-width:767px){.carousel-header{flex-direction:column}.carousel-title{font-size:30px}.carousel-btn:first-child{position:absolute;left:0;margin:0 20px}.carousel-btn:last-child{position:absolute;right:0}.carousel-item{margin:0 24px}}.h-wrapper{color:rgb(255,255,255);background-color:#00463c;border:none;position:fixed;z-index:1000;width:100%}.h-container{justify-content:space-between;padding:1.2rem 4rem;color:white}.h-menu,.nav-items{font-size:1rem;cursor:pointer}.h-menu{gap:3rem;display:flex;transition:all .3s ease-in-out}.nav-items{border:none;background-color:transparent;color:white;text-decoration:none}.nav-items:hover{color:#ee9e11;transform:scale(1.1)}.nav-button{font-size:1rem;border:none;border-radius:8px;background-color:#ee9e11;color:white;padding:.5rem 1rem;transition:all .3s ease-in-out;cursor:pointer}.nav-button:hover{transform:scale(1.05)}.hamburger,.mobile-menu{display:none}.nav-item-container{position:relative;display:inline-block}.resources-dropdown-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;background-color:white;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:100;border-radius:8px;padding:8px 0;margin-top:8px}.resources-dropdown-menu .nav-items{width:100%;text-align:left;padding:12px 16px;color:#00463c}.resources-dropdown-menu .nav-items:hover{background-color:#ee9d11;color:white}@media (max-width:600px){.h-wrapper{position:fixed}.h-container{padding:1rem 2rem}.h-menu{display:none}.mobile-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:8%;left:0;width:100%;background-color:#00463c;opacity:1;padding:1rem;z-index:9999;height:52vh;cursor:pointer}.mobile-menu .nav-items{display:block;padding:.5rem 1rem;color:white;text-decoration:none;font-size:2rem;font-weight:300;border:none;background-color:transparent}.mobile-menu .nav-items:hover{-webkit-text-decoration:2px underline #ee9e11;text-decoration:2px underline #ee9e11}.hamburger{display:block;cursor:pointer;padding:.5rem;z-index:12}.hamburger span{display:block;width:25px;height:3px;background-color:white;margin:5px 0;transition:.3s}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}