@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.navbar{z-index:1000;background:0 0;border-bottom:1px solid #0000;height:80px;transition:all .4s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:var(--glass-bg-transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.nav-container{justify-content:space-between;align-items:center;max-width:100%;height:100%;margin:0 auto;padding:0 40px;display:flex}.nav-left{align-items:center;gap:10px;display:flex}.nav-logo-icon{color:var(--accent-orange);font-size:2rem}.nav-logo{color:var(--accent-teal);font-size:1.5rem;font-weight:700}.nav-center{gap:30px;display:flex}.nav-right{align-items:center;gap:15px;display:flex}.nav-link{color:var(--text-primary);font-weight:600;transition:all .3s}.navbar:not(.scrolled) .nav-link,.navbar:not(.scrolled) .theme-toggle,.navbar:not(.scrolled) .nav-logo{color:#fff;text-shadow:0 1px 3px #0009}.navbar:not(.scrolled) .nav-logo-icon{filter:drop-shadow(0 1px 3px #0009)}.nav-link:hover{color:var(--accent-orange)}.theme-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:1.2rem;transition:background-color .3s;display:flex}.theme-toggle:hover{background-color:var(--glass-border)}.mobile-menu-btn,.mobile-menu-overlay{display:none}.back-to-top{background-color:var(--accent-orange);color:#fff;cursor:pointer;z-index:1000;opacity:0;visibility:hidden;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px);box-shadow:0 4px 15px #f9731666}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background-color:var(--accent-orange-hover);transform:translateY(-5px)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.badge-success{background:var(--accent-teal);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-danger{background:var(--danger);color:#fff}.footer{border-top:1px solid var(--glass-border);background:var(--bg-secondary);margin-top:auto;padding:20px}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.footer-info{color:var(--text-secondary);font-size:.9rem}.footer-payment{align-items:center;gap:15px;display:flex}@media (width<=768px){.nav-container{padding:0 20px}.nav-center,.nav-search-btn{display:none}.mobile-menu-btn{display:flex}.mobile-menu-overlay{background:var(--bg-secondary);border-bottom:1px solid var(--glass-border);z-index:999;flex-direction:column;width:100%;padding:20px;display:flex;position:fixed;top:80px;left:0;box-shadow:0 10px 15px #0000001a}.mobile-menu-overlay .nav-link{border-bottom:1px solid var(--glass-border);text-align:center;width:100%;padding:15px 0}.nav-logo{font-size:1.2rem}.nav-right{gap:10px}.footer-container{text-align:center;flex-direction:column;justify-content:center}}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#1f2937;--text-secondary:#4b5563;--accent-teal:#217e7a;--accent-orange:#f97316;--accent-orange-hover:#ea580c;--glass-bg:#fff;--glass-bg-transparent:#ffffffb3;--glass-border:#e5e7eb;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}[data-theme=dark]{--bg-primary:#111827;--bg-secondary:#1f2937;--text-primary:#f9fafb;--text-secondary:#9ca3af;--accent-teal:#2dd4bf;--accent-orange:#fb923c;--accent-orange-hover:#f97316;--glass-bg:#1f2937;--glass-bg-transparent:#1f2937b3;--glass-border:#374151}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Quicksand,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;position:relative}body:after{content:"";opacity:.07;z-index:-2;pointer-events:none;background-image:url(/pattern.png);background-repeat:repeat;background-size:400px;width:100vw;height:100vh;position:fixed;top:0;left:0}body:before{content:"";background-color:var(--bg-secondary);z-index:-1;pointer-events:none;width:100%;max-width:1200px;height:100vh;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 40px #00000005}@media (width<=1200px){body:after{display:none}}a{color:inherit;text-decoration:none}.glass{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{cursor:pointer;text-align:center;border:none;border-radius:6px;outline:none;padding:10px 24px;font-family:Quicksand,sans-serif;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background:var(--accent-orange);color:#fff}.btn-primary:hover{background:var(--accent-orange-hover)}.btn-teal{background:var(--accent-teal);color:#fff}.btn-teal:hover{filter:brightness(.9)}.btn-outline{border:1px solid var(--glass-border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-primary)}.input-field{border:1px solid var(--glass-border);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:12px 16px;font-family:Quicksand,sans-serif;transition:all .3s}.input-field:focus{border-color:var(--accent-teal);box-shadow:0 0 0 2px #217e7a33}.fade-in{animation:.5s ease-in-out fadeIn}.slide-up{animation:.6s cubic-bezier(.16,1,.3,1) slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;color:#fff;background-color:#0000;background-image:linear-gradient(#0000004d,#00000080),url(/background-home.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:0;flex-direction:column;justify-content:center;align-items:center;height:100vh;min-height:600px;margin:0;padding:0 20px;display:flex;position:relative}.hero-title{max-width:600px;margin-bottom:10px;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1.2}.hero-subtitle{opacity:.9;font-size:1.1rem}.search-bar-container{z-index:10;width:95%;max-width:1100px;position:absolute;bottom:-45px;left:50%;transform:translate(-50%)}.search-bar{border:1px solid var(--glass-border);background:#fff;border-radius:16px;align-items:center;padding:24px;display:flex;box-shadow:0 20px 40px #0000001a}.search-bar-left{border-right:1px solid #0000000d;flex:1;align-items:flex-end;gap:15px;padding-right:20px;display:flex}.search-bar-right{align-items:center;gap:15px;min-width:220px;padding-left:20px;display:flex}.trust-block{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.trust-block-icon{color:#22c55e;font-size:1.8rem}.trust-block-text{font-size:.9rem;font-weight:600;line-height:1.3}.search-field{text-align:left;flex:1}.search-field label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.search-input-wrap{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:8px;align-items:center;padding:12px 16px;transition:all .3s;display:flex}.search-input-wrap:hover{background:#fff;border-color:#cbd5e1}.search-input-wrap:focus-within{border-color:var(--accent-orange);background:#fff;box-shadow:0 0 0 3px #f973161a}.search-input-wrap input,.search-input-wrap select{width:100%;color:var(--text-primary);appearance:none;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.95rem}.amenity-card{text-align:center;background:var(--bg-secondary);border:1px solid var(--glass-border);cursor:pointer;border-radius:16px;padding:30px 20px;transition:all .4s;box-shadow:0 4px 6px -1px #0000000d}.amenity-card:hover{border-color:var(--accent-teal);background:var(--bg-primary);transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.amenity-icon{color:var(--accent-orange);margin-bottom:20px;font-size:2.5rem;transition:color .4s,transform .4s}.amenity-card:hover .amenity-icon{color:var(--accent-teal);transform:scale(1.1)}.amenity-title{color:var(--text-primary);margin-bottom:10px;font-size:1.2rem;font-weight:700}.amenity-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.room-card.image-centric{cursor:pointer;background:#000;border:none;border-radius:16px;flex-direction:column;justify-content:flex-end;height:400px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a}.room-card.image-centric .room-card-bg-img{object-fit:cover;z-index:0;opacity:.8;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0}.room-card.image-centric:hover .room-card-bg-img{opacity:1;transform:scale(1.1)}.room-badge{color:#fff;z-index:2;text-transform:uppercase;letter-spacing:1px;border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:700;position:absolute;top:15px;left:15px}.new-badge{background:var(--accent-orange)}.discount-badge{background:var(--accent-teal)}.room-card-base-info{z-index:2;color:#fff;background:linear-gradient(#0000,#000000e6);width:100%;padding:20px;transition:transform .4s,opacity .4s;position:relative}.room-card-base-info h3{margin-bottom:5px;font-size:1.5rem}.room-type-label{background:#fff3;border-radius:4px;padding:3px 8px;font-size:.9rem}.room-card-hover-content{-webkit-backdrop-filter:blur(4px);z-index:3;opacity:0;pointer-events:none;background:#000000a6;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:30px 20px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;top:0;left:0;transform:translateY(20px)}.room-card.image-centric:hover .room-card-hover-content{opacity:1;pointer-events:auto;transform:translateY(0)}.room-card.image-centric:hover .room-card-base-info{opacity:0;transform:translateY(20px)}.hover-details{transition:transform .4s;transform:translateY(-10px)}.room-card.image-centric:hover .hover-details{transform:translateY(0)}.hover-action{justify-content:space-between;align-items:center;display:flex}.book-now-btn{color:#1f2937;background:#fff;border-radius:20px;padding:10px 24px;font-weight:600}.book-now-btn:hover{background:var(--accent-orange);color:#fff}.rooms-section{padding:80px 0 40px}@media (width<=768px){.hero{border-radius:0;height:auto;min-height:400px;margin:0;padding:40px 20px}.search-bar-container{width:100%;margin-top:30px;padding:0 15px;position:relative;bottom:0;left:0;transform:none}.search-bar{flex-direction:column;align-items:stretch;gap:15px}.search-bar-left{border-bottom:1px solid #0000000d;border-right:none;flex-direction:column;align-items:stretch;padding-bottom:15px;padding-right:0}.search-bar-right{justify-content:center;min-width:auto;padding-left:0}.search-bar .btn{height:48px!important}.rooms-section{padding:40px 0}}.marquee-container{white-space:nowrap;width:100%;padding:20px 0;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:100px;height:100%;position:absolute;top:0}.marquee-container:before{background:linear-gradient(to right, var(--bg-primary), transparent);left:0}.marquee-container:after{background:linear-gradient(to left, var(--bg-primary), transparent);right:0}.marquee-track{gap:20px;padding-left:20px;animation:30s linear infinite scroll;display:inline-flex}.marquee-track:hover{animation-play-state:paused}.marquee-item{cursor:pointer;border-radius:12px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000001a}.marquee-item:hover{transform:scale(1.03)}.marquee-img{object-fit:cover;width:320px;height:220px;display:block}.marquee-label{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(#0000,#000c);padding:15px;font-size:1.1rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 10px))}}.section-divider{margin:60px 0;box-shadow:inset 0 4px 6px -4px #0000000d,inset 0 -4px 6px -4px #0000000d}.section-title-wrap{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.section-title{color:var(--accent-teal);text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:10px;font-size:2.2rem;font-weight:700}.title-underline{background-color:var(--accent-orange);border-radius:2px;width:60px;height:4px}.intro-text{max-width:800px;color:var(--text-secondary);text-align:justify;margin:0 auto 50px;font-size:1.15rem;line-height:1.8}.map-container-wrapper{background-color:var(--bg-secondary);border-top:1px solid var(--glass-border);margin-top:60px;padding:60px 0}.map-card{border:8px solid var(--glass-bg);border-radius:16px;width:80%;height:500px;margin:0 auto;overflow:hidden;box-shadow:0 20px 40px #0000001a}@media (width<=768px){.map-card{width:95%;height:400px}.section-title{font-size:1.6rem}.intro-text{text-align:left;padding:0 15px;font-size:1.05rem}}.booking-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.booking-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;width:100%;max-width:520px;max-height:90vh;padding:30px;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 60px #0000004d}.booking-modal-close{background:var(--bg-primary);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.booking-modal-close:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:rotate(90deg)}.booking-modal-header{margin-bottom:24px}.booking-modal-room-info{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:16px;padding:14px;display:flex}.booking-modal-room-img{object-fit:cover;border-radius:8px;width:80px;height:60px}.booking-modal-title{color:var(--text-primary);margin-bottom:20px;font-size:1.3rem;font-weight:700}.booking-form{flex-direction:column;gap:16px;display:flex}.booking-form-group{flex-direction:column;gap:6px;display:flex}.booking-form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.booking-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.booking-submit-btn{text-transform:uppercase;letter-spacing:.5px;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;font-size:1.05rem;font-weight:700;transition:all .3s;display:flex;background:linear-gradient(135deg, var(--accent-orange), var(--accent-orange-hover))!important;padding:14px!important}.booking-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f9731666}.booking-submit-btn:disabled{opacity:.7;cursor:not-allowed}.booking-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.booking-success{text-align:center;padding:10px 0}.booking-success-icon{color:var(--success);margin-bottom:12px;font-size:3.5rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) successPop}@keyframes successPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.booking-success h2{color:var(--text-primary);margin-bottom:4px;font-size:1.5rem}.booking-success-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.booking-success-details{background:var(--bg-primary);border:1px solid var(--glass-border);text-align:left;border-radius:12px;padding:16px}.booking-detail-row{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.booking-detail-row:last-child{border-bottom:none}.booking-detail-label{color:var(--text-secondary);font-size:.9rem}.booking-detail-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.booking-code-highlight{background:linear-gradient(135deg, var(--accent-teal), #34d399);letter-spacing:2px;border-radius:6px;padding:4px 14px;font-family:monospace;font-size:1rem;color:#fff!important}.admin-image-upload-area{border:2px dashed var(--glass-border);text-align:center;cursor:pointer;background:var(--bg-primary);border-radius:12px;padding:30px;transition:all .3s}.admin-image-upload-area:hover{border-color:var(--accent-orange);background:#f973160d}.admin-image-preview{object-fit:cover;border-radius:8px;width:100%;max-height:200px;margin-top:10px}@media (width<=480px){.booking-modal{max-height:95vh;padding:20px}.booking-form-row{grid-template-columns:1fr}.booking-modal-room-info{text-align:center;flex-direction:column}}.goog-te-banner-frame,iframe.goog-te-banner-frame,.skiptranslate>iframe,.VIpgJd-Zvi9od-aZ2wEe-wOHMyf.VIpgJd-Zvi9od-aZ2wEe-wOHMyf-ti6hGc{display:none!important}body{position:static!important;top:0!important}.goog-tooltip,.goog-tooltip:hover{display:none!important}.goog-text-highlight{box-shadow:none!important;background-color:#0000!important;border:none!important}#google_translate_element{display:none!important}.room-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000008}.room-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.room-card-img-wrapper{height:220px;color:var(--text-secondary);background:#f3f4f6;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:relative;overflow:hidden}.room-card-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.room-card:hover .room-card-img-wrapper img{transform:scale(1.05)}.room-card-overlay{z-index:20;color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.room-card-overlay.locked{background:#ef444499}.room-card-overlay.holding{background:#f59e0b99}.room-card-overlay.cleaning{background:#10b98199}.room-card-overlay-title{text-transform:uppercase;text-shadow:0 2px 4px #0000004d;margin-bottom:8px;font-size:1.5rem;font-weight:700}.room-card-overlay-subtitle{text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px #0000004d;font-size:.9rem}.room-card-content{flex-direction:column;flex:1;padding:24px;display:flex}.room-card-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.25rem;font-weight:700;display:flex}.room-card-capacity{color:var(--text-secondary);background:var(--bg-primary);border-radius:8px;align-items:center;gap:6px;width:fit-content;margin-bottom:16px;padding:6px 12px;font-size:.9rem;font-weight:500;display:inline-flex}.room-card-amenities{color:var(--text-secondary);flex-wrap:wrap;gap:12px;margin-bottom:24px;font-size:.85rem;display:flex}.room-card-amenity{background:#00000005;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex}[data-theme=dark] .room-card-amenity{background:#ffffff0d}.room-card-footer{border-top:1px dashed var(--glass-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.room-card-price{flex-direction:column;display:flex}.room-card-price-amount{color:var(--accent-orange);font-size:1.35rem;font-weight:700}.room-card-price-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.reviews-carousel::-webkit-scrollbar{display:none}.reviews-carousel{-ms-overflow-style:none;scrollbar-width:none}