html{scroll-behavior:smooth}.landing-page{font-family:Outfit,Segoe UI,system-ui,-apple-system,sans-serif;color:#333;line-height:1.6;background-color:#fff;overflow-x:hidden}.mobile-menu-toggle{display:none;cursor:pointer;z-index:1001;position:absolute;left:20px;top:50%;transform:translateY(-50%);transition:left .3s ease}.landing-nav.mobile-open .mobile-menu-toggle{left:280px}.mobile-sidebar{position:fixed;top:0;left:-100%;width:250px;height:100vh;background:#111111fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;flex-direction:column;padding:80px 20px 20px;transition:left .3s ease;box-shadow:5px 0 15px #00000080}.mobile-sidebar.open{left:0}.mobile-sidebar a{color:#fff;text-decoration:none;font-size:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font-weight:500;display:flex;align-items:center}.mobile-sidebar .mobile-cta{background:#0078d4;padding:12px;text-align:center;border-radius:8px;margin-top:20px;border:none;justify-content:center}.mobile-sidebar .mobile-contact{color:#cda45e;border:none;margin-top:auto;font-size:16px}@media(max-width:768px){.mobile-menu-toggle{display:block;position:absolute;left:20px;top:50%;transform:translateY(-50%)}.landing-nav-links.desktop-only{display:none}.landing-nav{justify-content:center;padding:15px 20px}}.landing-nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;z-index:1000;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease}.landing-nav.scrolled{background:#111111f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px #0000004d}.landing-logo{display:flex;align-items:center;gap:12px}.logo-icon-wrapper{height:48px;width:48px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-icon-wrapper img{height:100%;width:100%;object-fit:contain}.logo-text{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.text-stay{color:#1b4d3e}.text-leaf{color:#cda45e}.landing-nav.scrolled .logo-text{color:#333}.landing-nav-links a{color:#fff;text-decoration:none;margin-left:30px;font-weight:500;font-size:16px;transition:all .3s;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;padding-bottom:4px}.landing-nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#cda45e;transition:width .3s}.landing-nav-links a:hover:after{width:100%}.landing-hero{height:100vh;min-height:700px;background-image:linear-gradient(#0006,#0006),url(/landing-hero.png);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:0 20px}.hero-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-hero h1{font-size:72px;font-weight:300;margin-bottom:24px;letter-spacing:-2px;text-shadow:0 4px 12px rgba(0,0,0,.4);line-height:1.1}.landing-hero p{font-size:22px;font-weight:300;margin-bottom:48px;max-width:700px;text-shadow:0 2px 4px rgba(0,0,0,.4);opacity:.9}.search-bar{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:10px 10px 10px 40px;display:flex;align-items:center;box-shadow:0 20px 50px #0000004d;width:100%;max-width:800px;transition:transform .3s}.search-bar:hover{transform:translateY(-2px);background:#fff3}.search-input-group{flex:1;display:flex;flex-direction:column;align-items:flex-start}.search-input-group label{font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#fffc;margin-bottom:4px;display:flex;align-items:center;gap:6px}.search-input-group input{background:transparent;border:none;color:#fff;font-size:16px;font-family:inherit;width:100%;outline:none;cursor:pointer}.search-input-group input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6;cursor:pointer}.search-divider{width:1px;height:40px;background-color:#ffffff4d;margin:0 24px}.btn-search{background-color:#cda45e;color:#fff;border:none;border-radius:50px;padding:16px 32px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s;box-shadow:0 10px 20px #cda45e66}.btn-search:hover{background-color:#b58d4a;transform:scale(1.05)}.landing-section{padding:100px 20px;max-width:1300px;margin:0 auto;text-align:center}.section-title{font-size:42px;margin-bottom:80px;color:#1a1a1a;position:relative;display:inline-block;font-weight:300;letter-spacing:-1px}.section-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:#cda45e}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:40px;text-align:left}.room-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #00000014;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.room-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #0000001f}.room-image{height:280px;background-color:#eee;background-size:cover;background-position:center;position:relative;cursor:pointer;overflow:hidden}.gallery-badge{position:absolute;bottom:20px;left:20px;background-color:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s;z-index:10}.gallery-badge:hover{background-color:#000000e6}.sold-out-badge{position:absolute;top:20px;right:20px;background-color:#dc2626e6;color:#fff;padding:8px 16px;border-radius:50px;font-weight:700;font-size:14px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #dc26264d}.room-details{padding:32px;flex:1;display:flex;flex-direction:column}.room-details h3{font-size:26px;margin-bottom:8px;color:#1a1a1a;font-weight:600}.room-details p{color:#666;margin-bottom:24px;font-size:15px;line-height:1.6}.rating{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:700;color:#cda45e;background:#fff9ed;padding:4px 8px;border-radius:6px}.room-features{list-style:none;padding:0;margin-bottom:30px;display:flex;flex-wrap:wrap;gap:12px 16px}.room-features li{display:flex;align-items:center;gap:6px;color:#4b5563;font-size:13px;font-weight:500}.room-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid #f3f4f6}.room-price{font-size:32px;color:#cda45e;font-weight:700;line-height:1}.per-night{font-size:14px;color:#9ca3af;font-weight:400}.btn-book-room{padding:12px 24px;background-color:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-book-room:hover:not(:disabled){background-color:#333;transform:translateY(-2px)}.btn-book-room:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.amenities-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.amenities-text{text-align:left}.amenities-list{list-style:none;margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.amenities-list li{display:flex;align-items:center;font-size:16px;color:#444}.amenities-list li svg{margin-right:12px;color:#cda45e}.amenities-image{border-radius:12px;box-shadow:0 30px 60px #00000026}.landing-footer{background:linear-gradient(to bottom,#111111f7,#000);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:80px 20px 40px;border-top:1px solid rgba(255,255,255,.1);position:relative}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:60px;text-align:left}.footer-column h4{font-size:18px;margin-bottom:25px;color:#cda45e;text-transform:uppercase;letter-spacing:1px}.footer-column p,.footer-column a{color:#888;margin-bottom:15px;display:block;text-decoration:none;font-size:15px;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid #222;margin-top:80px;padding-top:30px;color:#555;font-size:14px;text-align:center}@media(max-width:768px){.landing-nav{padding:20px;flex-direction:column;background:transparent}.landing-logo{margin-bottom:10px}.landing-nav-links{display:none}.landing-hero h1{font-size:48px}.landing-hero p{font-size:18px}.search-bar{flex-direction:column;background:#ffffffe6;-webkit-backdrop-filter:none;backdrop-filter:none;padding:24px;border-radius:20px;align-items:stretch}.search-divider{display:none}.search-input-group{margin-bottom:16px;width:100%}.search-input-group label{color:#666}.search-input-group input{color:#333;border-bottom:1px solid #ddd;padding-bottom:8px}.btn-search{width:100%;justify-content:center}.amenities-grid{grid-template-columns:1fr;gap:40px}.amenities-list,.rooms-grid{grid-template-columns:1fr}}.room-details-page{font-family:Outfit,Segoe UI,system-ui,-apple-system,sans-serif;color:#333;line-height:1.6;background-color:#fff;min-height:100vh}.room-details-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;transition:all .3s ease}.room-details-nav.scrolled{background:#111111f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 40px;box-shadow:0 4px 20px #0003}.room-details-logo{font-size:24px;font-weight:700;color:#fff!important;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.room-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.btn-back{padding:12px 24px;background-color:#cda45e;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-back:hover{background-color:#b58d4a;transform:translateY(-2px)}.btn-back-nav{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-back-nav:hover{background:#fff3;border-color:#fff6}.room-hero{height:400px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;position:relative;padding:80px 40px 0;margin-top:0}.btn-back-hero{position:absolute;top:100px;left:40px;display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-back-hero:hover{background:#ffffff40;transform:translate(-5px)}.room-hero-content{text-align:center;max-width:800px}.room-hero h1{font-size:56px;font-weight:300;margin-bottom:20px;letter-spacing:-1px}.room-hero p{font-size:20px;font-weight:300;margin-bottom:30px;opacity:.9}.room-hero-info{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}.room-price-large{font-size:42px;font-weight:700;color:#cda45e}.per-night-large{font-size:18px;font-weight:400;color:#ffffffb3}.availability-badge{padding:10px 20px;border-radius:50px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.availability-badge.available{background-color:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.availability-badge.unavailable{background-color:#dc262633;color:#dc2626;border:1px solid rgba(220,38,38,.3)}.room-content{max-width:1200px;margin:0 auto;padding:80px 40px}.section-title{font-size:36px;margin-bottom:40px;color:#1a1a1a;font-weight:300;letter-spacing:-.5px;text-align:center}.photo-gallery-section{margin-bottom:80px}.gallery-carousel{position:relative;max-width:900px;margin:0 auto 30px}.gallery-main-image{width:100%;aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026}.gallery-main-image img{width:100%;height:100%;object-fit:cover}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0000001a}.gallery-nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.gallery-nav-btn.prev{left:20px}.gallery-nav-btn.next{right:20px}.gallery-thumbnails{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;max-width:900px;margin:0 auto}.thumbnail{aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.6;transition:all .3s;border:2px solid transparent}.thumbnail:hover{opacity:.9}.thumbnail.active{opacity:1;border-color:#cda45e}.thumbnail img{width:100%;height:100%;object-fit:cover}.amenities-section{margin-bottom:80px}.amenities-grid-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:900px;margin:0 auto}.amenity-card{display:flex;align-items:center;gap:12px;padding:20px;background:#f9f9f9;border-radius:12px;font-size:16px;color:#333;transition:all .3s}.amenity-card:hover{background:#f0f0f0;transform:translateY(-2px)}.booking-section{margin-bottom:80px}.booking-card{max-width:600px;margin:0 auto;padding:40px;background:#fff;border-radius:16px;box-shadow:0 15px 40px #00000014}.date-selector{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.date-input-group{display:flex;flex-direction:column}.date-input-group label{font-size:14px;font-weight:600;color:#666;margin-bottom:8px;display:flex;align-items:center;gap:6px}.date-input-group input{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;font-family:inherit;cursor:pointer;transition:all .3s}.date-input-group input:focus{outline:none;border-color:#cda45e;box-shadow:0 0 0 3px #cda45e1a}.booking-summary{padding:20px;background:#f9f9f9;border-radius:12px;margin-bottom:30px}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:15px;color:#666}.summary-total{display:flex;justify-content:space-between;padding-top:12px;border-top:2px solid #e0e0e0;font-size:20px;font-weight:700;color:#1a1a1a}.btn-book-now{width:100%;padding:18px;background-color:#cda45e;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s}.btn-book-now:hover:not(:disabled){background-color:#b58d4a;transform:translateY(-2px);box-shadow:0 10px 20px #cda45e66}.btn-book-now:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.sticky-booking-bar{position:fixed;bottom:0;left:0;right:0;background:#111111fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:20px;z-index:1000;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -10px 30px #0000004d}.sticky-booking-bar.show{transform:translateY(0)}.sticky-booking-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.sticky-room-info h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.sticky-room-info p{font-size:14px;color:#ffffffb3}.btn-sticky-book{padding:14px 32px;background-color:#cda45e;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-sticky-book:hover:not(:disabled){background-color:#b58d4a}.btn-sticky-book:disabled{background-color:#fff3;color:#ffffff80;cursor:not-allowed}@media(max-width:768px){.room-details-nav{padding:15px 20px}.room-details-logo{font-size:20px}.room-hero{height:300px;margin-top:0;padding:80px 20px 0}.btn-back-hero{top:80px;left:20px;padding:10px 16px;font-size:14px}.room-hero h1{font-size:36px}.room-hero p{font-size:16px}.room-price-large{font-size:32px}.room-content{padding:40px 20px}.section-title{font-size:28px}.gallery-nav-btn{width:40px;height:40px}.gallery-nav-btn.prev{left:10px}.gallery-nav-btn.next{right:10px}.gallery-thumbnails{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.amenities-grid-detail{grid-template-columns:1fr}.booking-card{padding:24px}.date-selector{grid-template-columns:1fr}.sticky-booking-content{flex-direction:column;gap:16px;text-align:center}.btn-sticky-book{width:100%}}:root{--bg-color: #f3f3f3;--card-bg: #ffffff;--text-primary: #1a1a1a;--text-secondary: #5d5d5d;--accent-color: #0078d4;--accent-hover: #006cc1;--border-color: #e5e5e5;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--font-family: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif}@media(prefers-color-scheme:dark){:root{--bg-color: #202020;--card-bg: #2c2c2c;--text-primary: #ffffff;--text-secondary: #d0d0d0;--border-color: #3e3e3e;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-y:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:inherit;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .1s ease;min-height:44px;min-width:44px}.btn-primary{background-color:var(--accent-color);color:#fff;padding:10px 20px;font-weight:600}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);padding:10px 20px}.btn-secondary:hover{background-color:#0000000d}.btn-secondary:active{transform:scale(.98)}input,select,textarea{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-family:inherit;outline:none;font-size:16px;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);border-bottom-width:2px;padding-bottom:9px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:5px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#555;border:3px solid transparent;background-clip:content-box}@media(max-width:768px){::-webkit-scrollbar{width:6px}button{min-height:48px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:16px}}@media(min-width:769px)and (max-width:1024px){:root{font-size:15px}}
