html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}:root{--ocean-blue: #1e90ff;--turquoise: #40e0d0;--sand-beige: #f5deb3;--coral: #ff7f50;--seafoam: #9fe2bf;--deep-blue: #006994;--white: #ffffff;--light-gray: #f8f9fa;--dark-gray: #333333;--text-gray: #555555}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;color:var(--text-gray);overflow-x:hidden}.app{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}.top-info-bar{position:fixed;top:0;left:0;width:100%;background-color:#f0731f;z-index:1001;border-bottom:1px solid rgba(255,255,255,.1)}.info-bar-container{max-width:1200px;margin:0 auto;padding:0 20px}.info-bar-content{display:flex;align-items:center;justify-content:center;min-height:20px;padding:2px 0;gap:12px}.info-text{color:var(--white);font-size:.775rem;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:6px}.info-icon{font-size:.875rem;color:var(--white);background:transparent;background-color:transparent;border:none;padding:0;margin:0}.info-phone-link{color:var(--white);font-weight:700;text-decoration:none}.info-phone-link:hover{text-decoration:underline}.top-info-bar .info-icon{border-radius:0;background:transparent;background-color:transparent;width:auto;height:auto;display:inline-flex;cursor:default;color:var(--white);font-size:.875rem}.info-divider{color:#ffffff80;font-size:.875rem}.navbar{position:fixed;top:20px;width:100%;background-image:url(/wave.svg);background-size:cover;background-position-y:-230px;background-repeat:no-repeat;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;border-bottom:2px solid rgb(255,255,255);z-index:1000;transition:all .3s ease}.navbar.scrolled{background-color:#00000080;box-shadow:0 4px 20px #00000026}.nav-container{max-width:1200px;margin:0 auto;padding:1.5rem 10px;display:flex;justify-content:space-between;align-items:center}.logo{cursor:pointer;transition:transform .3s ease;display:flex;align-items:center}.logo img{height:50px;width:auto;object-fit:contain}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--white);font-weight:600;transition:color .3s ease;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#f0731f;transition:width .3s ease}.nav-links a:hover{color:var(--white);text-shadow:2px 2px 6px rgba(0,0,0,.9)}.nav-links a:hover:after{width:100%}.nav-button{background:#f0731f;color:var(--white);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:5px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.nav-button:hover{background:#cb5b0a;transform:translateY(-2px);box-shadow:0 4px 15px #ff7f5066}.nav-right{display:flex;align-items:center;gap:1rem}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:3px;background:var(--white);border-radius:3px;transition:all .3s ease;transform-origin:center}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:#195ca3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:4px solid rgb(255,255,255);max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:1000}.mobile-menu.open{max-height:400px}.mobile-nav-links{list-style:none;padding:1.5rem 0;margin:0;display:flex;flex-direction:column;gap:0}.mobile-nav-links li{border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav-links li:last-child{border-bottom:none}.mobile-nav-links a{display:block;padding:1rem 2rem;text-decoration:none;color:var(--white);font-weight:600;transition:all .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.mobile-nav-links a:hover{background:#ffffff1a;padding-left:2.5rem;color:#f0731f}.mobile-button-container{border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem;display:flex;justify-content:center}.mobile-nav-button{width:auto;margin:0;text-align:center}.mobile-nav-button:hover{transform:none}.hero{position:relative;height:100vh;min-height:300px;background:url(/assets/hero-image-DjV8046m.jpeg) center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white);animation:fadeIn 1s ease-in;margin-top:104px}.hero-overlay{position:absolute;inset:0;background:#0000004d}.hero-content{position:relative;z-index:1;max-width:800px;padding:0 20px;animation:slideUp 1s ease-out;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-title{font-family:Poppins,sans-serif;font-size:3.2rem;font-weight:600;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:fadeInDown 1s ease-out .3s both;white-space:nowrap}.hero-subtitle{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:300;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);animation:fadeInDown 1s ease-out .5s both}.hero-button{background:var(--coral);color:var(--white);border:none;padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff7f5066;animation:fadeInDown 1s ease-out .7s both}.hero-button:hover{background:tomato;transform:translateY(-3px);box-shadow:0 6px 20px #ff7f5099}.wave-divider{position:absolute;bottom:0;left:0;right:0;width:100%;line-height:0;z-index:2}.wave-divider svg{width:100%;height:auto;display:block;vertical-align:middle;transform:scaleY(1)}.wave-divider svg path{transition:fill .2s ease}.overlapping-box{position:relative;z-index:10;margin:-80px auto 0;max-width:1200px;padding:0 20px}.overlapping-box-content{background:var(--white);padding:3rem;border-radius:15px;box-shadow:0 10px 40px #00000026;text-align:center;animation:fadeInUp .8s ease-out}.overlapping-box-content h2{font-size:2.2rem;color:var(--deep-blue);margin-bottom:1rem}.overlapping-box-content p{font-size:1.2rem;color:var(--text-gray);line-height:1.6}section{padding:5rem 0}.section-title{font-family:Poppins,sans-serif;font-size:2rem;color:#000;text-align:left;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.section-count{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .6rem;border-radius:999px;background:var(--dark-gray);color:var(--white);font-size:1rem;font-weight:700;letter-spacing:.02em;flex:0 0 auto}.section-title:after{content:"";flex:1;height:1px;background:#000}.section-subtitle{text-align:left;font-size:1.1rem;color:#000;margin-bottom:3rem;max-width:600px;margin-left:left;margin-right:auto}.CTA{position:relative;text-align:center;color:#fff;font-size:1.5rem;padding:3rem;font-weight:600;color:var(--dark-gray);z-index:10}.properties{background-color:var(--light-gray);background-image:url(/assets/wave-DqkmV3vh.png);background-repeat:no-repeat;background-position:top center;background-size:cover;padding-top:6rem;padding-bottom:6rem}.properties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3rem}.property-card-link{text-decoration:none;color:inherit;display:block}.property-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;animation:fadeInUp .6s ease-out;cursor:pointer}.property-card:hover{transform:scale(1.05);box-shadow:0 4px 16px #00000026}.property-image{position:relative;height:220px;overflow:hidden}.property-image img{width:100%;height:100%;object-fit:cover;border-radius:15px 15px 0 0}.image-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--dark-gray);cursor:pointer;opacity:0;transition:opacity .3s ease;z-index:2}.property-image:hover .image-nav{opacity:1}.image-nav:hover{background:var(--white)}.image-nav-left{left:12px}.image-nav-right{right:12px}.property-content{padding:1rem}.property-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.property-meta{display:flex;align-items:center;gap:.9rem;margin-bottom:.5rem;color:var(--text-gray);font-size:1rem;font-weight:500}.meta-group{display:inline-flex;align-items:center;gap:.2rem;white-space:nowrap}.meta-icon{width:18px;height:18px;flex:0 0 auto;color:#000}.meta-text{color:#666;font-weight:500;letter-spacing:.01em}.rating-badge{background:#00a862;color:var(--white);padding:.3rem .65rem;border-radius:6px;font-size:.8rem;font-weight:600}.review-count{color:var(--text-gray);font-size:.8rem}.property-title{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;color:var(--dark-gray);margin-bottom:.4rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.property-location{color:var(--text-gray);font-size:.875rem;margin-bottom:.75rem}.property-pricing{margin-bottom:.75rem}.price-row{display:flex;align-items:baseline;gap:.65rem;margin-bottom:.4rem}.current-price{font-size:1.35rem;font-weight:600;color:var(--dark-gray)}.per-night{font-size:.9rem;color:var(--text-gray);font-weight:500}.original-price{font-size:.875rem;color:#999;text-decoration:line-through;display:flex;align-items:center;gap:.25rem}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#e0e0e0;color:var(--text-gray);font-size:.7rem;font-weight:400;cursor:help}.price-total{font-size:.875rem;color:var(--text-gray);margin-bottom:.4rem}.fees-included{font-size:.8rem;color:#00a862;margin:0}.discount-badge{display:inline-block;background:#e8f5e9;color:#00a862;padding:.3rem .65rem;border-radius:6px;font-size:.8rem;font-weight:600;margin-top:.4rem}.property-management{position:relative;background:var(--white);padding-top:6rem;padding-bottom:5rem}.property-management-page .property-management{padding-top:8rem}.wave-divider--top{position:absolute;inset:0 0 auto;width:100%;line-height:0;z-index:1}.wave-divider--top svg{transform:scaleY(-1)}.property-management-title{margin-top:100px;text-align:center;font-size:2.5rem;margin-bottom:1rem;color:var(--dark-gray)}.property-management-title:after{display:none}.property-management-subtitle{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;color:var(--dark-gray);text-align:left;margin-bottom:2rem}.property-management-content{max-width:900px;margin:0 auto}.property-management-intro{font-size:1.1rem;line-height:1.8;margin-bottom:2rem;color:var(--text-gray);text-align:left}.property-management-list{list-style:none;padding:0;margin:0 0 2rem}.property-management-list li{font-size:1.1rem;line-height:1.8;color:var(--text-gray);text-align:left;margin-bottom:1rem;padding-left:1.5rem;position:relative}.property-management-list li:before{content:"-";position:absolute;left:0;color:#f0731f;font-weight:700}.cta-box{background:#2996e4;border:2px solid var(--deep-blue);padding:1.5rem 2rem;margin-top:2rem;text-align:center;box-shadow:0 4px 12px #00699426}.property-management-cta{font-size:1.1rem;line-height:1.8;color:#fff;text-align:center;font-weight:600;font-style:italic;margin:0}.cta-phone-link{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:#fff}.cta-phone-link:hover{text-decoration-thickness:2px}.contact-us-section{margin-top:2.5rem;text-align:center}.contact-us-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;background:var(--deep-blue);color:var(--white);border:2px solid var(--deep-blue);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.contact-us-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00699459}.contact-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.contact-modal{position:relative;background:var(--white);border-radius:12px;padding:2rem;max-width:420px;width:100%;box-shadow:0 20px 40px #0003}.contact-modal-close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;padding:0;border:none;background:transparent;font-size:1.75rem;line-height:1;color:var(--dark-gray);cursor:pointer;border-radius:4px;transition:background .2s ease,color .2s ease}.contact-modal-close:hover{background:var(--light-gray);color:var(--dark-gray)}.contact-modal-title{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:var(--dark-gray);margin:0 0 .5rem;padding-right:2rem}.contact-modal-subtitle{font-size:1rem;color:var(--text-gray);margin:0 0 1.5rem}.contact-modal-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.contact-us-heading{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;color:var(--dark-gray);margin-bottom:1rem}.contact-us-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.contact-us-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;min-width:120px}.contact-us-btn-icon{width:1.75rem;height:1.75rem}.contact-modal-actions .contact-us-btn{min-width:3.5rem;min-height:3.5rem;padding:.875rem}.contact-page{min-height:60vh}.contact-page-section{position:relative;background:var(--white);padding-top:8rem;padding-bottom:5rem}.contact-page .wave-divider--top{position:absolute;inset:0 0 auto;width:100%;line-height:0;z-index:1}.contact-page .wave-divider--top svg{transform:scaleY(-1)}.contact-page-title{text-align:center;font-size:2.5rem;margin-bottom:.5rem;color:var(--dark-gray)}.contact-page-title:after{display:none}.contact-page-subtitle{text-align:center;font-size:1.1rem;color:var(--text-gray);margin-bottom:2.5rem}.contact-page-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:900px;margin:0 auto}.contact-page-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;border-radius:12px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent}.contact-page-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.contact-page-card-icon{width:2.5rem;height:2.5rem;margin-bottom:.75rem}.contact-page-card-label{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.contact-page-card-value{font-size:1rem;opacity:.95}.contact-page-card-value+.contact-page-card-value{margin-top:.25rem}.contact-page-card--email{background:var(--dark-gray);color:var(--white)}.contact-page-card--email .contact-page-card-value{font-size:.95rem;word-break:break-all}.contact-page-card--call{background:#2996e4;color:var(--white);border-color:var(--deep-blue)}.contact-page-card--text{background:var(--white);color:var(--deep-blue);border-color:var(--deep-blue)}.contact-page-card--text .contact-page-card-label,.contact-page-card--text .contact-page-card-value{color:var(--dark-gray)}.contact-us-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.contact-us-btn--email{background:var(--dark-gray);color:var(--white);border:2px solid var(--dark-gray)}.contact-us-btn--call{background:#2996e4;color:var(--white);border:2px solid var(--deep-blue)}.contact-us-btn--text{background:var(--white);color:var(--deep-blue);border:2px solid var(--deep-blue)}.promotions{background:var(--light-gray);padding-top:6rem;padding-bottom:5rem}.flyers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem;max-width:900px;margin-left:auto;margin-right:auto}.flyer-card{display:block;background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.flyer-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.flyer-card img{width:100%;height:auto;display:block;vertical-align:middle}.about{position:relative;background:var(--white);padding-top:6rem;padding-bottom:6rem}.about-content{max-width:900px;margin:0 auto}.about-text{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:var(--text-gray);text-align:left}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-item{text-align:center;padding:2rem;background:var(--light-gray);border-radius:10px;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-item h3{font-size:1.5rem;color:var(--deep-blue);margin-bottom:1rem}.feature-item p{color:var(--text-gray)}.attractions{background:var(--turquoise);color:var(--white)}.attractions .section-title,.attractions .section-subtitle{color:var(--white)}.attractions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.attraction-card{background:#fffffff2;color:var(--text-gray);padding:2rem;border-radius:15px;text-align:center;transition:all .3s ease;box-shadow:0 5px 15px #0000001a}.attraction-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.attraction-card h3{font-size:1.5rem;color:var(--deep-blue);margin-bottom:1rem}.attraction-card p{line-height:1.6}.contact{background:var(--light-gray)}.contact-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-top:3rem}.contact-form{background:var(--white);padding:2.5rem;border-radius:15px;box-shadow:0 5px 20px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--deep-blue);font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--ocean-blue)}.submit-button{width:100%;background:var(--ocean-blue);color:var(--white);border:none;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.submit-button:hover{background:var(--deep-blue);transform:translateY(-2px);box-shadow:0 4px 15px #1e90ff66}.contact-info{background:var(--white);padding:2.5rem;border-radius:15px;box-shadow:0 5px 20px #0000001a;height:fit-content}.contact-info h3{color:var(--deep-blue);margin-bottom:1.5rem;font-size:1.5rem}.info-item{margin-bottom:1.5rem}.info-item strong{display:block;color:var(--deep-blue);margin-bottom:.5rem}.info-item a{color:var(--ocean-blue);text-decoration:none;transition:color .3s ease}.info-item a:hover{color:var(--deep-blue);text-decoration:underline}.info-item p{color:var(--text-gray);margin:0}.footer{background:var(--deep-blue);color:var(--white);padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--white)}.footer-section p{margin-bottom:.5rem;line-height:1.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--white)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{font-size:1.5rem;transition:transform .3s ease}.social-links a:hover{transform:scale(1.2)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2);color:#fffc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.navbar{background-position-y:-100px;background-size:cover}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.nav-links{display:none}.nav-right{flex:1;justify-content:flex-end}.nav-button-wrap{flex:1;display:flex;justify-content:center}.hamburger-menu{display:flex}.mobile-menu{display:block}.nav-button{padding:.65rem 1.3rem;font-size:.95rem;transition:background-color .3s ease,box-shadow .3s ease}.nav-button:hover{transform:none}.properties-grid,.contact-content,.about-features,.attractions-grid{grid-template-columns:1fr}.section-title,.property-management-title{font-size:2rem}.property-management-subtitle{font-size:1.5rem}.property-management-intro,.property-management-list li,.property-management-cta{font-size:1rem}.overlapping-box{margin:-60px auto 0}.overlapping-box-content{padding:2rem}.overlapping-box-content h2{font-size:1.8rem}.overlapping-box-content p{font-size:1rem}.properties{padding-top:4rem}.wave-divider svg{min-height:60px}.flyers-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:480px){.navbar{background-position-y:0px;background-size:cover}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.wave-divider svg{min-height:48px}.nav-container{flex-direction:row;justify-content:space-between;align-items:center;gap:0;position:relative}.nav-links{display:none}.hamburger-menu{display:flex}.mobile-menu{display:block}.nav-right{gap:.5rem;display:flex;align-items:center}.nav-button{padding:.6rem 1rem;font-size:.85rem;transition:background-color .3s ease,box-shadow .3s ease}.nav-button:hover{transform:none}}