@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--primary-color:#06c;--primary-dark:#0052a3;--primary-light:#39f;--accent-color:#ff6b35;--accent-light:#ffb366;--success-color:#0c6;--background:#fff;--background-alt:#f5f7fa;--background-dark:#0f1419;--text-primary:#0f1419;--text-secondary:#475569;--text-tertiary:#64748b;--border-color:#e2e8f0;--border-dark:#cbd5e1;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-full:9999px}html{scroll-behavior:smooth}body{color:var(--text-primary);background:linear-gradient(135deg,#fff 0%,#f5f7fa 50%,#f0f4fb 100%);min-height:100vh;font-weight:400;line-height:1.7}img{max-width:100%;display:block}.link,.room-link,.recommended-room-card,.gallery-thumb,.navbar-link,.navbar-bookNow{color:inherit;text-decoration:none}.main-content{padding-top:7rem;animation:.75s cubic-bezier(.34,1.56,.64,1) both pageFadeIn}.section{opacity:0;padding:5rem 1.5rem;animation:.85s cubic-bezier(.34,1.56,.64,1) both fadeUpStagger}.section:nth-child(2){animation-delay:.1s}.section:nth-child(3){animation-delay:.2s}.card{opacity:0;animation:.6s cubic-bezier(.34,1.56,.64,1) both scaleInFade}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-actions .button{min-width:180px}@keyframes fadeUpStagger{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleInFade{0%{opacity:0;transform:scale(.95)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background-alt)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.grid{gap:1.5rem;display:grid}.card{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;box-shadow:0 1px 3px #0000000d,0 10px 25px #00000014}.card:hover{transform:translateY(-2px);box-shadow:0 10px 40px #0066cc26}.footer{color:#cbd5e1;background:linear-gradient(135deg,#0f1419 0%,#1a1f2e 100%);border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-top:3rem;padding:3rem 1.5rem 2rem;display:flex}.footer>div:first-child{flex:1;min-width:250px}.footer h3{color:#fff;margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.footer p{color:#94a3b8;font-size:.95rem;line-height:1.6}.footer-links{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.footer-links a{color:#cbd5e1;font-size:.95rem;text-decoration:none;transition:all .3s;position:relative}.footer-links a:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.footer-links a:hover{color:#fff}.footer-links a:hover:after{width:100%}.footer>p:last-child{text-align:center;color:#64748b;border-top:1px solid #ffffff1a;width:100%;padding-top:1.5rem;font-size:.9rem}.social-link{border-radius:var(--radius-full);background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.social-link:hover{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 10px 30px #0066cc4d}.loader-container{background:linear-gradient(135deg,#fff 0%,#f5f7fa 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.loader{--color-1:var(--primary-color);--size:1px;width:calc(48 * var(--size));height:calc(48 * var(--size));border-radius:50%;animation:1s linear infinite rotate;position:relative}.loader:before{content:"";box-sizing:border-box;border:calc(5 * var(--size)) solid var(--color-1);border-radius:50%;animation:2s linear infinite prixClipFix;position:absolute;inset:0}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}@media (max-width:1000px){.section{padding:3rem 1rem}.container{padding:0 1rem}.footer{flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-links{flex-direction:column;gap:.75rem}}
.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-full);z-index:1000;background:#ffffffd9;border:1px solid #ffffff4d;justify-content:space-between;align-items:center;width:calc(100% - 6rem);height:70px;margin:1.2rem 3rem;padding:.9rem 2.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) slideDown;display:flex;position:fixed;top:0;box-shadow:0 8px 32px #0066cc14,0 1px 3px #00000014}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.navbar-logo{letter-spacing:-.02em;color:var(--text-primary);background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800;transition:all .3s}.navbar-logo:hover{transform:scale(1.05)}.navbar-links{align-items:center;gap:.5rem;list-style:none;display:flex}.navbar-link{border-radius:var(--radius-full);color:var(--text-secondary);padding:.65rem 1.2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.navbar-link:before{content:"";border-radius:var(--radius-full);opacity:0;background:linear-gradient(135deg,#0066cc1a 0%,#ff6b351a 100%);transition:opacity .3s;position:absolute;inset:0}.navbar-link:hover{color:var(--primary-color);transform:translateY(-2px)}.navbar-link:hover:before{opacity:1}.navbar-bookNow{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);color:#fff;padding:.65rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0066cc4d}.navbar-bookNow:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.navbar-bookNow:hover{transform:translateY(-3px);box-shadow:0 8px 25px #06c6}.navbar-bookNow:hover:before{left:100%}.navbar-menuIcon{cursor:pointer;color:var(--text-primary);background:0 0;border:none;padding:.5rem;font-size:1.5rem;transition:all .3s;display:none}.navbar-menuIcon:hover{color:var(--primary-color);transform:scale(1.1)}.navbar-mobileMenu{display:none}@media (max-width:1000px){.navbar{width:calc(100% - 1.6rem);margin:.8rem;padding:.8rem 1.5rem}.navbar-links,.navbar-bookNow{display:none}.navbar-menuIcon{justify-content:center;align-items:center;display:flex}.navbar-mobileMenu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#fffffff2;border:1px solid #ffffff4d;flex-direction:column;gap:.25rem;width:min(280px,100vw - 2rem);padding:1.2rem .8rem;animation:.3s cubic-bezier(.34,1.56,.64,1) slideDownMobile;display:flex;position:absolute;top:calc(100% + .8rem);right:1.5rem;box-shadow:0 10px 40px #00000026}@keyframes slideDownMobile{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-mobileLink{border-radius:var(--radius-md);color:var(--text-secondary);padding:.8rem 1rem;font-weight:500;transition:all .3s}.navbar-mobileLink:hover{color:var(--primary-color);background:linear-gradient(135deg,#0066cc1a 0%,#ff6b351a 100%);transform:translate(4px)}}