*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#0c4a6e;--color-primary-light:#0ea5e9;--color-primary-dark:#082f49;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-text:#1e293b;--color-text-light:#64748b;--color-text-white:#fff;--color-bg:#fff;--color-bg-alt:#f8fafc;--color-bg-dark:#0f172a;--color-border:#e2e8f0;--font-heading:"Playfair Display", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition:.3s ease}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}#root{width:100%;min-height:100vh}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-tag{text-transform:uppercase;letter-spacing:2px;color:var(--color-primary-light);margin-bottom:12px;font-size:.8rem;font-weight:600;display:inline-block}.section-tag.center{text-align:center;display:block}.section-title{font-family:var(--font-heading);color:var(--color-primary-dark);margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}.section-title.center{text-align:center}.section-desc{color:var(--color-text-light);max-width:600px;margin-bottom:48px;font-size:1.1rem}.section-desc.center{text-align:center;margin-left:auto;margin-right:auto}.navbar{z-index:1000;transition:all var(--transition);padding:20px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);background:#fffffff2;padding:12px 0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{cursor:pointer;z-index:1001;align-items:center;gap:8px;display:flex}.logo-icon{font-size:1.5rem}.logo-text{font-family:var(--font-heading);color:var(--color-text-white);transition:color var(--transition);font-size:1.4rem;font-weight:700}.navbar.scrolled .logo-text{color:var(--color-primary-dark)}.nav-links{align-items:center;gap:8px;display:flex}.nav-links button{color:#ffffffe6;border-radius:var(--radius-sm);transition:all var(--transition);padding:8px 16px;font-size:.9rem;font-weight:500}.navbar.scrolled .nav-links button{color:var(--color-text)}.nav-links button:hover{color:#fff;background:#ffffff26}.navbar.scrolled .nav-links button:hover{color:var(--color-primary-light);background:#0ea5e914}.nav-cta{background:var(--color-accent)!important;color:#fff!important;border-radius:var(--radius-sm)!important;padding:10px 24px!important;font-weight:600!important}.nav-cta:hover{background:var(--color-accent-hover)!important;color:#fff!important}.hamburger{z-index:1001;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{width:24px;height:2px;transition:all var(--transition);background:#fff;border-radius:2px;display:block}.navbar.scrolled .hamburger span{background:var(--color-text)}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{justify-content:center;align-items:center;height:100vh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-slider{position:absolute;inset:0}.hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.5s;position:absolute;inset:0;transform:scale(1.05)}.hero-slide.active{opacity:1;transition:opacity 1.5s,transform 6s;transform:scale(1)}.hero-overlay{background:linear-gradient(#0006 0%,#0003 50%,#00000080 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;padding:0 24px;position:relative}.hero-title{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 20px #0000004d;margin-bottom:16px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1}.hero-subtitle{color:#ffffffe6;letter-spacing:.5px;margin-bottom:40px;font-size:clamp(1rem,2vw,1.3rem);font-weight:300}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;padding:14px 32px;font-size:1rem;font-weight:600}.btn-primary{background:var(--color-accent);color:#fff;border:2px solid var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b4d}.btn-secondary{color:#fff;background:0 0;border:2px solid #fff9}.btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.hero-indicators{z-index:2;gap:10px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.indicator{width:12px;height:12px;transition:all var(--transition);background:#fff6;border:2px solid #fff9;border-radius:50%}.indicator.active{background:#fff;transform:scale(1.2)}.scroll-hint{z-index:2;color:#ffffffb3;cursor:pointer;font-size:1.5rem;animation:2s infinite bounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}.highlights{background:var(--color-primary-dark);padding:40px 0}.highlights-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.highlight-item{flex-direction:column;gap:4px;display:flex}.highlight-number{font-family:var(--font-heading);color:var(--color-accent);font-size:2rem;font-weight:700}.highlight-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about-images{height:500px;position:relative}.about-img-main{object-fit:cover;border-radius:var(--radius-lg);width:75%;height:400px;box-shadow:var(--shadow-xl)}.about-img-secondary{object-fit:cover;border-radius:var(--radius-lg);width:55%;height:250px;box-shadow:var(--shadow-xl);border:4px solid #fff;position:absolute;bottom:0;right:0}.about-text{color:var(--color-text-light);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.about-features{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}.feature-item{background:var(--color-bg-alt);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.feature-icon{font-size:1.3rem}.gallery{background:var(--color-bg-alt)}.gallery-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px;display:flex}.gallery-tab{color:var(--color-text-light);border:1px solid var(--color-border);transition:all var(--transition);background:#fff;border-radius:30px;padding:10px 20px;font-size:.9rem;font-weight:500}.gallery-tab:hover{border-color:var(--color-primary-light);color:var(--color-primary-light)}.gallery-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.gallery-item{border-radius:var(--radius-md);cursor:pointer;aspect-ratio:4/3;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-item:hover img{transform:scale(1.08)}.gallery-item-overlay{transition:all var(--transition);background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-item-overlay{background:#0000004d}.gallery-item-overlay span{color:#fff;opacity:0;transition:all var(--transition);border-radius:var(--radius-sm);border:2px solid #fff;padding:8px 20px;font-size:1rem;font-weight:600;transform:translateY(10px)}.gallery-item:hover .gallery-item-overlay span{opacity:1;transform:translateY(0)}.amenities-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-bottom:64px;display:grid}.amenity-card{border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all var(--transition);background:#fff;padding:32px 24px}.amenity-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-light);transform:translateY(-4px)}.amenity-icon{margin-bottom:16px;font-size:2.5rem;display:block}.amenity-title{font-family:var(--font-heading);color:var(--color-primary-dark);margin-bottom:8px;font-size:1.1rem;font-weight:600}.amenity-desc{color:var(--color-text-light);font-size:.9rem;line-height:1.5}.amenities-details{background:var(--color-bg-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:32px;padding:48px;display:grid}.detail-column h3{font-family:var(--font-heading);color:var(--color-primary-dark);border-bottom:2px solid var(--color-primary-light);margin-bottom:16px;padding-bottom:8px;font-size:1.1rem;font-weight:600}.detail-column ul li{color:var(--color-text-light);border-bottom:1px solid var(--color-border);padding:6px 0;font-size:.9rem}.detail-column ul li:last-child{border-bottom:none}.location{background:var(--color-bg-alt)}.location-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.location-info{flex-direction:column;gap:20px;display:flex}.location-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all var(--transition);background:#fff;padding:24px}.location-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.location-card h3{color:var(--color-primary-dark);margin-bottom:8px;font-size:1.1rem;font-weight:600}.location-card p{color:var(--color-text-light);font-size:.9rem;line-height:1.6}.location-map{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);min-height:450px;overflow:hidden}.location-map iframe{width:100%;height:100%;min-height:450px}.booking{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:#fff}.booking .section-tag{color:var(--color-accent)}.booking .section-title{color:#fff}.booking .section-desc{color:#fffc}.booking-cards{grid-template-columns:1fr 1fr;gap:32px;max-width:800px;margin:0 auto 40px;display:grid}.booking-card{text-align:center;border-radius:var(--radius-lg);transition:all var(--transition);background:#ffffff0d;border:2px solid #ffffff26;flex-direction:column;align-items:center;padding:40px 32px;display:flex}.booking-card:hover{border-color:var(--color-accent);background:#ffffff1a;transform:translateY(-6px);box-shadow:0 20px 40px #0000004d}.booking-card-icon{color:var(--color-accent);margin-bottom:20px}.booking-logo{filter:brightness(0)invert();width:auto;height:48px;transition:filter var(--transition)}.booking-card:hover .booking-logo{filter:brightness(0)invert()drop-shadow(0 0 8px #ffffff4d)}.booking-card h3{font-family:var(--font-heading);margin-bottom:8px;font-size:1.3rem;font-weight:600}.booking-card p{color:#ffffffb3;margin-bottom:20px;font-size:.9rem}.booking-card-btn{color:var(--color-accent);transition:all var(--transition);font-size:.95rem;font-weight:600}.booking-card:hover .booking-card-btn{letter-spacing:1px}.booking-note{text-align:center;border-radius:var(--radius-md);background:#ffffff14;border:1px solid #ffffff1a;max-width:600px;margin:0 auto;padding:20px 24px}.booking-note p{color:#fffc;font-size:.9rem}.footer{background:var(--color-bg-dark);color:#ffffffb3;padding:60px 0 30px}.footer-content{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer-brand .logo-text{color:#fff;font-size:1.3rem}.footer-brand p{margin-top:12px;font-size:.9rem}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links button{text-align:left;color:#ffffffb3;transition:color var(--transition);font-size:.9rem}.footer-links button:hover{color:var(--color-accent)}.footer-contact p{margin-bottom:8px;font-size:.9rem}.footer-bottom{text-align:center;color:#fff6;padding-top:24px;font-size:.85rem}.lightbox{z-index:9999;background:#000000f2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-content img{object-fit:contain;border-radius:var(--radius-sm);max-width:90vw;max-height:85vh}.lightbox-close{color:#fff;transition:color var(--transition);padding:8px;font-size:1.5rem;position:absolute;top:-40px;right:0}.lightbox-close:hover{color:var(--color-accent)}.lightbox-nav{color:#fff;transition:all var(--transition);padding:20px;font-size:3rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:var(--color-accent)}.lightbox-prev{left:-80px}.lightbox-next{right:-80px}.lightbox-counter{color:#fff9;font-size:.85rem;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}@media (width<=1024px){.about-grid{grid-template-columns:1fr;gap:40px}.about-images{height:350px}.amenities-details{grid-template-columns:repeat(2,1fr);padding:32px}.location-grid{grid-template-columns:1fr}.location-map{min-height:350px}.footer-content{grid-template-columns:1fr 1fr}}@media (width<=768px){.section{padding:70px 0}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:1000;background:#fffffffa;flex-direction:column;justify-content:center;align-items:center;gap:16px;position:fixed;inset:0}.nav-links.open{opacity:1;pointer-events:all}.nav-links button{font-size:1.2rem;color:var(--color-text)!important}.hamburger{display:flex}.hamburger.open span{background:var(--color-text)}.navbar{transition:none}.navbar.menu-open,.navbar.scrolled{-webkit-backdrop-filter:none;backdrop-filter:none}.highlights-grid{grid-template-columns:repeat(2,1fr);gap:24px}.about-images{height:300px}.about-img-main{width:70%;height:300px}.about-img-secondary{width:55%;height:180px}.about-features{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-tabs{gap:6px}.gallery-tab{padding:8px 14px;font-size:.8rem}.amenities-grid{grid-template-columns:1fr 1fr}.amenities-details{grid-template-columns:1fr;gap:24px;padding:24px}.booking-cards{grid-template-columns:1fr;gap:20px}.footer-content{grid-template-columns:1fr;gap:32px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-nav{padding:10px;font-size:2rem}}@media (width<=480px){.container{padding:0 16px}.hero-title{font-size:2rem}.hero-subtitle{font-size:.95rem}.hero-actions{flex-direction:column;align-items:center}.btn{text-align:center;width:100%;max-width:280px}.highlights-grid{grid-template-columns:repeat(2,1fr);gap:16px}.highlight-number{font-size:1.5rem}.gallery-grid,.amenities-grid{grid-template-columns:1fr}.booking-card{padding:28px 20px}}