:root{--blue:#0A4D8C;--blue-lt:#29ABE2;--purple:#5B2C6F;--green:#1E8E5A;--amber:#D68910;--red:#C0392B;--gold:#C9A227;--gold-lt:#E8C766;--ink:#0F1720;--ink-soft:#4A5568;--line:#E6ECF2;--bg:#FAFBFD;--bg-alt:#F4F7FB;--white:#FFF;--shadow-sm:0 2px 10px rgba(10,77,140,.06);--shadow-md:0 10px 30px rgba(10,77,140,.1);--shadow-lg:0 25px 60px rgba(10,77,140,.16);--radius:16px;--radius-sm:10px;--radius-lg:24px;--transition:.35s cubic-bezier(.22,.61,.36,1);--grad-primary:linear-gradient(135deg,var(--blue),var(--purple));--grad-gold:linear-gradient(135deg,var(--gold),var(--gold-lt));--grad-soft:linear-gradient(135deg,#F0F6FC 0%,#FAF5FF 100%)}
*,*::before,*::after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:hidden;width:100%;max-width:100%}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;background:var(--bg);overflow-x:hidden;width:100%;max-width:100%;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg,video,iframe{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6,.section-title,.hero-title,.trust-item b,.stat-num,.about-badge b,.room-body h3,.bed-card h5,.branch-body h5,.hero-card h4,.testimonial-author b,.branch-modal-content h3,.why-card h5,.main-footer h5,.faq-q,.bk-step-title,.bk-branch-name,.bk-circle-value,.bk-final-price,.bk-savings-text b,.blog-title,.psh-logo,.psb-card h5,.qr-text b,.dc-user b,.dcs-value,.member-float-badge b,.mf-item h6,.df-item h6,.store-text b,.fm-head h3,.fm-scroll h1,.fm-scroll h2,.fm-scroll h3,.media-name{font-family:'Baloo 2','Inter',system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.container{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}
.container-fluid{width:100%;padding-left:32px;padding-right:32px}
.section,.section-alt,.hero,.stats-strip,.booking-section,.about-section,.why-section,.testimonial-section,.main-footer,.download-section,.member-section,.media-section,.blog-section{width:100%;max-width:100%}
@media(max-width:991px){.container,.container-fluid{padding-left:20px;padding-right:20px}}
@media(max-width:576px){.container,.container-fluid{padding-left:16px;padding-right:16px}}
.main-nav{background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(10,77,140,.06);padding:.8rem .8rem;transition:var(--transition);border-radius:0 0 10px 10px}
.main-nav.scrolled{background:rgba(255,255,255,.96);padding:.5rem .5rem;box-shadow:var(--shadow-sm)}
.brand-logo{height:52px;width:auto;transition:var(--transition)}
.main-nav.scrolled .brand-logo{height:44px}
.main-nav .nav-link{color:var(--ink-soft);font-weight:500;font-size:.95rem;padding:.6rem 1rem!important;position:relative;transition:var(--transition)}
.main-nav .nav-link::after{content:'';position:absolute;bottom:8px;left:50%;width:0;height:2px;background:var(--grad-gold);transition:var(--transition);transform:translateX(-50%);border-radius:2px}
.main-nav .nav-link:hover{color:var(--blue)}
.main-nav .nav-link:hover::after{width:60%}
.btn-book-nav{background:var(--grad-primary);color:#fff!important;border-radius:50px;padding:.55rem 1.5rem!important;font-weight:600;font-size:.9rem;border:none;transition:var(--transition);box-shadow:0 6px 18px rgba(10,77,140,.25)}
.btn-book-nav:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(10,77,140,.35);color:#fff}
.btn-member-nav{background:transparent;color:var(--blue)!important;border:1.5px solid var(--blue);border-radius:50px;padding:.5rem 1.4rem!important;font-weight:600;font-size:.9rem;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}
.btn-member-nav:hover{background:var(--blue);color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,77,140,.3)}
.btn-member-nav i{font-size:1rem}
@media(max-width:991px){.btn-member-nav{display:flex;justify-content:center;margin-bottom:.5rem;padding:.7rem 1.4rem!important}}
.navbar-toggler{border:none;background:transparent;padding:8px;border-radius:8px}
.navbar-toggler:focus{outline:0}
.burger{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;transition:var(--transition)}
.navbar-toggler[aria-expanded=true] .burger:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.navbar-toggler[aria-expanded=true] .burger:nth-child(2){opacity:0}
.navbar-toggler[aria-expanded=true] .burger:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:140px 0 80px;color:#fff;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;background:url('https://superhostelbd.com/public/img/neways/back12.jpg') center/cover;transform:scale(1.05);z-index:0}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(10,77,140,.92) 0%,rgba(91,44,111,.88) 60%,rgba(30,142,90,.85) 100%)}
.hero-mesh{position:absolute;inset:0;background:radial-gradient(circle at 15% 80%,rgba(201,162,39,.25),transparent 45%),radial-gradient(circle at 85% 20%,rgba(41,171,226,.2),transparent 50%);pointer-events:none;z-index:1}
.hero-content{position:relative;z-index:3;width:100%}
.hero-badge{display:inline-flex;align-items:center;padding:.5rem 1.2rem;background:rgba(255,255,255,.12);border:1px solid rgba(201,162,39,.4);border-radius:50px;font-size:.82rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.8rem;backdrop-filter:blur(10px);color:var(--gold-lt)}
.hero-title{font-size:clamp(2.6rem,6.5vw,5rem);font-weight:800;line-height:1.05;margin-bottom:1.4rem;letter-spacing:-.04em;color:#fff}
.hero-title em{font-style:normal;color:var(--gold-lt);font-weight:800}
.hero-sub{font-size:clamp(1rem,1.5vw,1.15rem);max-width:560px;opacity:.92;margin-bottom:2.4rem;font-weight:400}
.hero-cta{margin-bottom:0}
.btn-gold{background:var(--grad-gold);color:#1a1a1a;border:none;border-radius:50px;padding:.95rem 2.2rem;font-weight:700;font-size:.95rem;letter-spacing:.3px;box-shadow:0 10px 30px rgba(201,162,39,.35);transition:var(--transition)}
.btn-gold:hover{transform:translateY(-3px);color:#1a1a1a;box-shadow:0 16px 40px rgba(201,162,39,.5)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.35);border-radius:50px;padding:.95rem 2rem;font-weight:600;backdrop-filter:blur(10px);transition:var(--transition)}
.btn-ghost:hover{background:rgba(255,255,255,.18);color:#fff;border-color:var(--gold-lt)}
.btn-primary-custom{background:var(--grad-primary);color:#fff;border:none;border-radius:50px;padding:.85rem 1.8rem;font-weight:600;box-shadow:0 8px 24px rgba(10,77,140,.28);transition:var(--transition)}
.btn-primary-custom:hover{transform:translateY(-3px);color:#fff;box-shadow:0 14px 36px rgba(10,77,140,.4)}
.hero-trust{display:flex;align-items:center;gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.15)}
.trust-item{display:flex;flex-direction:column}
.trust-item b{font-size:1.6rem;font-weight:800;color:var(--gold-lt);line-height:1}
.trust-item span{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;opacity:.75;margin-top:.35rem}
.trust-divider{width:1px;height:40px;background:rgba(255,255,255,.2)}
.hero-card{background:rgba(255,255,255,.1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:2.2rem;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero-card-head{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;background:rgba(201,162,39,.2);border:1px solid rgba(201,162,39,.4);color:var(--gold-lt);border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}
.hero-card h4{font-size:1.7rem;margin-bottom:.5rem;color:#fff}
.hero-card p{opacity:.85;margin-bottom:1.5rem;font-size:.95rem}
.hero-card .btn{padding:.8rem;font-weight:700}
.hero-card-foot{margin-top:1.2rem;text-align:center;font-size:.8rem;opacity:.75;color:var(--gold-lt)}
.stats-strip{background:var(--white);padding:3rem 0;position:relative;z-index:4;margin-top:-60px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:1140px;margin-left:auto;margin-right:auto;border:1px solid var(--line)}
.stat-item{padding:1rem;position:relative}
.stat-item:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--line)}
.stat-num{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.03em;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-label{font-size:.75rem;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-top:.6rem}
.section{padding:100px 0}
.section-alt{background:var(--bg-alt)}
.section-head{margin-bottom:4rem}
.section-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.2rem;background:rgba(201,162,39,.1);color:var(--amber);border:1px solid rgba(201,162,39,.25);border-radius:50px;font-family:'Inter',sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.2rem}
.section-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;color:var(--ink);margin-bottom:1rem;line-height:1.15;letter-spacing:-.03em}
.section-desc{color:var(--ink-soft);font-size:1.05rem;max-width:620px;margin:0 auto;line-height:1.7}
.room-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);height:100%;border:1px solid var(--line);position:relative}
.room-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:transparent}
.room-card.featured{border-color:var(--gold);box-shadow:0 20px 50px rgba(201,162,39,.15)}
.room-img{height:240px;background-size:cover;background-position:center;position:relative}
.room-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,32,.5),transparent 50%)}
.room-tag{position:absolute;top:18px;left:18px;padding:.4rem 1rem;border-radius:50px;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;z-index:2;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.tag-premium{background:var(--grad-primary)}
.tag-popular{background:var(--grad-gold);color:#1a1a1a}
.tag-value{background:linear-gradient(135deg,var(--green),#27AE60)}
.room-body{padding:2rem}
.room-body h3{font-size:1.7rem;margin-bottom:.4rem}
.room-features{list-style:none;padding:1.2rem 0;margin-bottom:1.5rem;border-top:1px solid var(--line)}
.room-features li{padding:.5rem 0;color:var(--ink-soft);font-size:.92rem;display:flex;align-items:center}
.room-features li i{color:var(--green);margin-right:.7rem;font-size:.8rem;background:rgba(30,142,90,.1);width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.room-card .btn-block{border-radius:50px;padding:.85rem;font-weight:600}
#beds{padding-bottom:140px}
.bed-slider{width:100%;max-width:100%;margin:0!important;padding:0}
.bed-item{padding:12px;box-sizing:border-box}
.bed-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);background:var(--white);transition:var(--transition);cursor:pointer;border:1px solid var(--line);height:100%}
.bed-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--gold)}
.bed-card img{width:100%;height:220px;object-fit:cover;transition:var(--transition);display:block}
.bed-card:hover img{transform:scale(1.05)}
.bed-card h5{text-align:center;padding:1.1rem;margin:0;color:var(--ink);font-size:1.15rem}
.slick-slider,.slick-list,.slick-track{position:relative;display:block;box-sizing:border-box}
.slick-list{overflow:hidden!important;margin:0;padding:0}
.slick-track{display:flex!important;flex-wrap:nowrap!important;margin-left:0!important;margin-right:0!important;align-items:stretch}
.slick-slide{display:block!important;float:none!important;height:auto;min-height:1px;flex-shrink:0!important;box-sizing:border-box;margin:0!important}
.slick-slide>div{height:100%;width:100%}
.slick-slide img{display:block;width:100%}
.slick-slide.slick-hidden{display:none!important}
.slick-prev,.slick-next{display:none!important}
.slick-dots{position:absolute!important;bottom:-55px!important;left:0!important;right:0!important;display:flex!important;justify-content:center;align-items:center;gap:10px;list-style:none;padding:0;margin:0;z-index:5}
.slick-dots li{margin:0!important;padding:0!important;width:auto!important;height:auto!important;display:inline-block!important}
.slick-dots li button{display:block;width:10px;height:10px;padding:0;border:none;border-radius:50%;background:rgba(10,77,140,.25);color:transparent;font-size:0;line-height:0;cursor:pointer;transition:all .3s ease;outline:0;text-indent:-9999px;overflow:hidden}
.slick-dots li button:before{display:none!important;content:none!important}
.slick-dots li button:hover{background:rgba(10,77,140,.5);transform:scale(1.2)}
.slick-dots li.slick-active button{width:32px;border-radius:6px;background:var(--grad-gold);box-shadow:0 4px 12px rgba(201,162,39,.35)}
.bed-slider,.testimonial-slider,.blog-slider{display:block!important;visibility:visible!important;opacity:1!important;min-height:100px}
.bed-slider.slick-initialized,.testimonial-slider.slick-initialized,.blog-slider.slick-initialized{min-height:0}
.bed-slider .slick-list,.testimonial-slider .slick-list,.blog-slider .slick-list{margin:0!important}
.bed-slider .slick-track,.testimonial-slider .slick-track,.blog-slider .slick-track{margin:0!important}
.bed-slider .slick-slide>div>.bed-item,.testimonial-slider .slick-slide>div>.testimonial-item,.blog-slider .slick-slide>div>.blog-item{padding:12px;box-sizing:border-box}
.facilities-grid{row-gap:0;justify-content:center!important}
.fac-card{background:var(--white);border-radius:var(--radius);padding:1.4rem .8rem;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);height:100%;cursor:pointer;border:1px solid var(--line);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px}
.fac-card::before{content:'';position:absolute;inset:0;background:var(--grad-primary);opacity:0;transition:var(--transition)}
.fac-card>*{position:relative;z-index:1}
.fac-card:hover{transform:translateY(-4px);color:#fff;box-shadow:var(--shadow-lg);border-color:transparent}
.fac-card:hover::before{opacity:1}
.fac-card i{font-size:1.5rem;color:var(--blue);margin-bottom:.6rem;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);width:48px;height:48px;border-radius:50%;background:rgba(10,77,140,.08);flex-shrink:0}
.fac-card:hover i{color:var(--gold-lt);background:rgba(255,255,255,.15);transform:scale(1.1)}
.fac-card span{font-weight:600;font-size:.8rem;line-height:1.25;display:block;color:inherit}
@media(max-width:1199px){.fac-card span{font-size:.78rem}.fac-card{padding:1.2rem .6rem;min-height:120px}}
@media(max-width:991px){.fac-card i{width:44px;height:44px;font-size:1.3rem}.fac-card span{font-size:.75rem}.fac-card{padding:1rem .5rem;min-height:110px}}
@media(max-width:576px){.fac-card{padding:.9rem .4rem;min-height:100px;border-radius:12px}.fac-card i{width:40px;height:40px;font-size:1.15rem;margin-bottom:.5rem}.fac-card span{font-size:.7rem;line-height:1.2}}
.fac-loading{padding:3rem 0;width:100%}
.fac-loading p{margin:0;font-size:.95rem}
.filter-btn{background:var(--white);border:1.5px solid var(--line);padding:.55rem 1.6rem;margin:0 .3rem .5rem;border-radius:50px;font-weight:600;font-size:.85rem;color:var(--ink-soft);transition:var(--transition);cursor:pointer}
.filter-btn.active,.filter-btn:hover{background:var(--grad-primary);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(10,77,140,.25)}
#branchGrid .branch-col {margin-bottom: 20px !important;}
.branch-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);height:100%;margin-bottom:1.5rem;border:1px solid var(--line)}
.branch-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent}
.branch-card img{width:100%;height:220px;object-fit:cover}
.branch-body{padding:1.5rem}
.branch-body h5{font-size:1.25rem;margin-bottom:.5rem}
.branch-body p{color:var(--ink-soft);font-size:.88rem;margin-bottom:1.2rem;line-height:1.6}
.badge-gender{display:inline-block;padding:.25rem .8rem;border-radius:50px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.badge-male{background:rgba(10,77,140,.1);color:var(--blue)}
.badge-female{background:rgba(91,44,111,.1);color:var(--purple)}
.branch-actions{display:flex;gap:.6rem}
.branch-actions .btn{flex:1;font-size:.85rem;padding:.6rem;border-radius:50px;font-weight:600}
.btn-outline-primary{border:1.5px solid var(--blue);color:var(--blue);background:transparent}
.btn-outline-primary:hover{background:var(--blue);color:#fff}
.booking-section{background:var(--grad-soft);position:relative}
.booking-card{background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg);max-width:1020px;margin:0 auto;border:1px solid var(--line)}
.bk-step{padding:1.5rem 0;border-bottom:1px solid var(--line);transition:var(--transition)}
.bk-step:last-of-type{border-bottom:none}
.bk-step.bk-step-disabled{opacity:.5;pointer-events:none;user-select:none}
.bk-step-head{display:flex;align-items:center;gap:.85rem;margin-bottom:1.2rem}
.bk-step-num{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--grad-primary);color:#fff;font-family:'Baloo 2',sans-serif;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(10,77,140,.3)}
.bk-step-title{font-family:'Baloo 2',sans-serif;font-size:1.15rem;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.02em}
.bk-loading,.bk-empty{padding:1.2rem 0;color:var(--ink-soft);font-size:.9rem;display:flex;align-items:center;gap:.6rem}
.bk-loading i{color:var(--blue)}
.bk-empty{font-style:italic}
.bk-branch-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}
.bk-branch{background:var(--white);border:2px solid var(--line);border-radius:var(--radius-sm);padding:.9rem 1rem;cursor:pointer;transition:var(--transition);text-align:left;display:flex;flex-direction:column;gap:.35rem;font-family:'Inter',sans-serif;position:relative}
.bk-branch:hover{border-color:rgba(10,77,140,.35);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.bk-branch.active{border-color:var(--blue);background:linear-gradient(135deg,rgba(10,77,140,.05),rgba(91,44,111,.05));box-shadow:0 8px 20px rgba(10,77,140,.15)}
.bk-branch.active::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:8px;right:10px;color:var(--blue);font-size:.85rem}
.bk-branch-name{font-family:'Baloo 2',sans-serif;font-weight:700;font-size:.95rem;color:var(--ink);line-height:1.2}
.bk-branch-addr{font-size:.78rem;color:var(--ink-soft);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bk-branch-gender{display:inline-block;align-self:flex-start;font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:.15rem .55rem;border-radius:50px;margin-top:.2rem}
.bk-branch-gender.male{background:rgba(41,171,226,.12);color:#1B8DC0}
.bk-branch-gender.female{background:rgba(91,44,111,.12);color:var(--purple)}
.bk-circle-options{display:flex;flex-wrap:wrap;gap:.9rem}
.bk-circle{width:92px;height:92px;border-radius:50%;background:var(--white);border:2px solid var(--line);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.5rem;transition:var(--transition);font-family:'Inter',sans-serif;color:var(--ink);box-shadow:0 2px 8px rgba(10,77,140,.06)}
.bk-circle:hover{transform:translateY(-3px) scale(1.03);border-color:var(--blue);box-shadow:0 12px 24px rgba(10,77,140,.15)}
.bk-circle .bk-circle-value{font-family:'Baloo 2',sans-serif;font-size:1.05rem;font-weight:800;line-height:1.1;color:var(--ink)}
.bk-circle .bk-circle-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-soft);margin-top:.15rem}
.bk-circle .bk-circle-price{font-size:.72rem;color:var(--blue);font-weight:700;margin-top:.25rem}
.bk-circle.active{border-color:transparent;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.bk-circle.active .bk-circle-value,.bk-circle.active .bk-circle-label,.bk-circle.active .bk-circle-price{color:#fff}
.bk-circle[data-color=green].active{background:#3DBB53}
.bk-circle[data-color=red].active{background:#E91E4E}
.bk-circle[data-color=amber].active{background:#F5A623}
.bk-circle[data-color=blue].active{background:#1BA1E2}
.bk-circle[data-color=purple].active{background:var(--purple)}
.bk-circle[data-color=teal].active{background:#17A2B8}
.bk-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;margin:1.5rem 0;padding:1.4rem 1.6rem;background:linear-gradient(135deg,#F0F6FC,#FAF5FF);border:1px solid var(--line);border-radius:var(--radius);animation:bkFadeIn .4s ease}
@keyframes bkFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.bk-savings{display:flex;align-items:center;gap:1rem;margin-bottom:.7rem}
.bk-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}
.bk-dot-green{background:#3DBB53}
.bk-dot-red{background:#E91E4E}
.bk-dot-blue{background:#1BA1E2}
.bk-savings-text b{display:block;font-family:'Baloo 2',sans-serif;font-size:1.4rem;font-weight:800;color:var(--ink);line-height:1}
.bk-savings-text small{font-size:.72rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px;font-weight:600}
.bk-details{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--ink-soft)}
.bk-details span{background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:50px;padding:.25rem .75rem;font-weight:600}
.bk-summary-right{text-align:right}
.bk-price-note{font-size:.75rem;color:var(--ink-soft);margin-bottom:.25rem}
.bk-final-price{font-family:'Baloo 2',sans-serif;font-size:2rem;font-weight:800;color:var(--ink);line-height:1}
.booking-card label{font-weight:600;font-size:.78rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem}
.booking-card .form-control{border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:.85rem 1.05rem;height:auto;font-size:.95rem;transition:var(--transition);background:var(--bg)}
.booking-card .form-control:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,77,140,.1);background:var(--white)}
@media(max-width:991px){.booking-card{padding:1.8rem}.bk-summary{grid-template-columns:1fr;gap:1rem}.bk-summary-right{text-align:left}}
@media(max-width:576px){.booking-card{padding:1.3rem}.bk-step{padding:1.2rem 0}.bk-circle{width:78px;height:78px}.bk-circle .bk-circle-value{font-size:.9rem}.bk-circle .bk-circle-label{font-size:.6rem;letter-spacing:.4px}.bk-circle .bk-circle-price{font-size:.65rem}.bk-branch-options{grid-template-columns:1fr}.bk-final-price{font-size:1.5rem}.bk-savings-text b{font-size:1.15rem}}
.bk-group{margin-bottom:1.4rem}
.bk-group:last-child{margin-bottom:0}
.bk-group-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--amber);margin-bottom:.7rem;display:flex;align-items:center;gap:.5rem}
.bk-group-label::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--amber)}
.bk-circle.bk-circle-sm{position:relative;width:116px;height:116px;padding:.55rem .45rem;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bk-circle.bk-circle-sm .bk-circle-value{font-size:.82rem;font-weight:800;line-height:1.15;text-align:center;margin-bottom:.1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bk-circle.bk-circle-sm .bk-circle-price{font-size:.76rem;font-weight:700;color:var(--blue);margin:.1rem 0 .2rem}
.bk-bed-avail{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1;margin-top:.15rem;display:inline-flex;align-items:center;gap:.2rem;color:var(--green)}
.bk-bed-avail i{font-size:.6rem}
.bk-circle.is-unavailable{opacity:.55;cursor:not-allowed;background:var(--bg-alt);border-style:dashed;border-color:#ccc;box-shadow:none;position:relative}
.bk-circle.is-unavailable:hover{transform:none;border-color:#ccc;box-shadow:none}
.bk-circle.is-unavailable .bk-circle-value,.bk-circle.is-unavailable .bk-circle-price{color:var(--ink-soft)}
.bk-circle.is-unavailable .bk-bed-avail{color:var(--red)}
.bk-circle.is-unavailable::before{content:'';position:absolute;top:50%;left:15%;right:15%;height:1.5px;background:rgba(192,57,43,.4);transform:rotate(-25deg);pointer-events:none;border-radius:2px}
.bk-circle.is-available{border-color:rgba(30,142,90,.25)}
.bk-circle.is-available:hover{border-color:var(--green);box-shadow:0 12px 24px rgba(30,142,90,.2)}
.bk-circle.active{opacity:1!important;border-style:solid!important;border-color:transparent!important}
.bk-circle.active::before{display:none}
.bk-circle.active .bk-bed-avail,.bk-circle.active .bk-circle-price{color:#fff}
.bk-group+.bk-group{margin-top:1.6rem}
@media(max-width:991px){.bk-circle.bk-circle-sm{width:104px;height:104px}.bk-circle.bk-circle-sm .bk-circle-value{font-size:.76rem}.bk-circle.bk-circle-sm .bk-circle-price{font-size:.72rem}.bk-bed-avail{font-size:.58rem}}
@media(max-width:576px){.bk-circle.bk-circle-sm{width:92px;height:92px;padding:.45rem .35rem}.bk-circle.bk-circle-sm .bk-circle-value{font-size:.72rem}.bk-circle.bk-circle-sm .bk-circle-price{font-size:.68rem;margin:.08rem 0 .15rem}.bk-bed-avail{font-size:.55rem;gap:.1rem}.bk-bed-avail i{font-size:.55rem}}
.field-invalid{border-color:var(--red)!important;box-shadow:0 0 0 4px rgba(192,57,43,.12)!important;background:#FFF5F4!important;animation:fieldShake .4s ease}
@keyframes fieldShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.bk-step-flash{animation:stepFlash 1.2s ease;border-radius:var(--radius-sm)}
@keyframes stepFlash{0%,100%{background:transparent;box-shadow:none}30%,70%{background:rgba(192,57,43,.05);box-shadow:0 0 0 3px rgba(192,57,43,.15)}}
.gallery-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}
.gallery-filter .filter-btn{background:var(--white);border:1.5px solid var(--line);padding:.5rem 1.2rem;border-radius:50px;font-weight:600;font-size:.82rem;color:var(--ink-soft);transition:var(--transition);cursor:pointer}
.gallery-filter .filter-btn.active,.gallery-filter .filter-btn:hover{background:var(--grad-primary);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(10,77,140,.25)}
.gallery-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;width:100%;margin:0!important;padding:0!important}
@media(max-width:991px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:576px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.gallery-item{position:relative;display:block;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg-alt);cursor:zoom-in;transition:var(--transition);width:100%;height:0;padding-top:100%}
.gallery-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.gallery-item:hover img{transform:scale(1.08)}
.gi-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,77,140,.85),rgba(91,44,111,.35) 50%,transparent);opacity:0;transition:var(--transition);display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;color:#fff;z-index:2}
.gallery-item:hover .gi-overlay{opacity:1}
.gi-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:var(--transition);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.gallery-item:hover .gi-icon{transform:translate(-50%,-50%) scale(1)}
.gi-title{position:relative;z-index:2;font-size:.82rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.4);margin:0}
.gallery-grid>.fac-loading,.gallery-grid>.col-12{grid-column:1/-1}
@media(max-width:576px){.gallery-filter{gap:.35rem}.gallery-filter .filter-btn{padding:.4rem .9rem;font-size:.75rem}.gi-title{font-size:.72rem}.gi-icon{width:38px;height:38px;font-size:.9rem}}
.fancybox-bg{background:rgba(10,20,40,.94)!important}
.fancybox-toolbar{background:transparent!important;top:15px!important;right:15px!important}
.fancybox-toolbar .fancybox-button{background:rgba(255,255,255,.12)!important;border-radius:50%!important;width:42px!important;height:42px!important;margin-left:6px!important;transition:var(--transition);border:1px solid rgba(255,255,255,.15)!important}
.fancybox-toolbar .fancybox-button:hover{background:var(--gold)!important;border-color:transparent!important}
.fancybox-toolbar .fancybox-button:hover svg{fill:#1a1a1a}
.fancybox-toolbar .fancybox-button svg{fill:#fff}
.fancybox-show-thumbs .fancybox-inner{right:80px!important}
.fancybox-thumbs{background:rgba(8,15,28,.92)!important;backdrop-filter:blur(16px);padding:5px!important;border-left:1px solid rgba(255,255,255,.06);top:0!important;right:0!important;bottom:0!important;left:auto!important;width:80px!important;height:100%!important;box-sizing:border-box;overflow:hidden}
.fancybox-thumbs__list{display:block!important;position:relative!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:rgba(201,162,39,.5) transparent}
.fancybox-thumbs__list::-webkit-scrollbar{width:5px}
.fancybox-thumbs__list::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
.fancybox-thumbs__list::-webkit-scrollbar-thumb{background:rgba(201,162,39,.5);border-radius:3px}
.fancybox-thumbs__list a{display:block!important;float:none!important;position:relative!important;max-width:100%!important;height:60px!important;margin:0 0 10px!important;padding-top:0!important;padding-right:5px!important;border-radius:8px;overflow:hidden;border:2px solid transparent;background-size:cover!important;background-position:center!important;opacity:.55;transition:all .25s ease;box-sizing:border-box}
.fancybox-thumbs__list a::before{display:none!important}
.fancybox-thumbs__list a:hover{opacity:.9;transform:translateY(-2px)}
.fancybox-thumbs__list a.is-active{border-color:var(--gold)!important;opacity:1;box-shadow:0 6px 18px rgba(201,162,39,.45)}
.fancybox-stage,.fancybox-content{right:0!important}
.fancybox-show-thumbs .fancybox-thumbs{display:block!important}
.fancybox-navigation .fancybox-button{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:50%!important;width:56px!important;height:56px!important;padding:14px!important;transition:all .3s ease;backdrop-filter:blur(12px);opacity:1!important;visibility:visible!important;top:calc(50% - 28px)!important}
.fancybox-navigation .fancybox-button svg{fill:#fff!important;width:100%!important;height:100%!important;display:block!important;opacity:1!important;visibility:visible!important}
.fancybox-navigation .fancybox-button svg path{fill:#fff!important;stroke:none!important}
.fancybox-navigation .fancybox-button:hover{background:var(--grad-gold)!important;border-color:transparent!important;transform:scale(1.08);box-shadow:0 10px 30px rgba(201,162,39,.5)}
.fancybox-navigation .fancybox-button:hover svg,.fancybox-navigation .fancybox-button:hover svg path{fill:#1a1a1a!important}
.fancybox-navigation .fancybox-button div{transform:scale(3)!important}
.fancybox-navigation .fancybox-button--arrow_left{left:20px!important}
.fancybox-navigation .fancybox-button--arrow_right{right:20px!important}
.fancybox-container:not(.fancybox-show-thumbs) .fancybox-button--arrow_right{right:20px!important}
@media(max-width:991px){.fancybox-thumbs{top:auto!important;bottom:0!important;right:0!important;height:100vh!important;padding:5px!important;width:65px!important}.fancybox-show-thumbs .fancybox-inner{right:68px!important}.fancybox-thumbs__list{display:flex!important;flex-wrap:nowrap!important;overflow-x:hidden!important;overflow-y:auto!important;gap:8px;flex-direction:column}.fancybox-thumbs__list a{flex-shrink:0;width:60px!important;height:60px!important;margin:0!important}.fancybox-stage,.fancybox-content{right:0!important}.fancybox-navigation .fancybox-button--arrow_right{right:20px!important}}
@media(max-width:576px){.fancybox-toolbar .fancybox-button{width:38px!important;height:38px!important}.fancybox-navigation .fancybox-button{width:44px!important;height:44px!important}.fancybox-thumbs__list a{width:55px!important;height:55px!important}}
.contact-info .ci-item{display:flex;align-items:center;margin-bottom:2rem}
.contact-info .ci-item i{width:60px;height:60px;border-radius:50%;background:var(--grad-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-right:1.2rem;flex-shrink:0;box-shadow:0 8px 20px rgba(10,77,140,.2)}
.contact-info .ci-item small{color:var(--ink-soft);text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:1.5px}
.contact-info .ci-item h5{margin:0;font-weight:700;font-size:1.15rem}
.ci-social{margin-top:2.2rem}
.ci-social a{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;background:var(--bg-alt);color:var(--blue);border-radius:50%;margin-right:.6rem;transition:var(--transition);font-size:1.1rem}
.ci-social a:hover{background:var(--grad-primary);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(10,77,140,.25)}
.contact-form .form-control{border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:.9rem 1.1rem;transition:var(--transition)}
.contact-form .form-control:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(10,77,140,.1)}
.about-section{background:var(--white)}
.about-visual{position:relative;padding-bottom:60px;padding-right:60px}
.about-img-main{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.about-img-main img{width:100%;height:480px;object-fit:cover;display:block}
.about-img-float{position:absolute;bottom:0;right:0;width:55%;border-radius:var(--radius);overflow:hidden;border:6px solid var(--white);box-shadow:var(--shadow-lg)}
.about-img-float img{width:100%;height:220px;object-fit:cover;display:block}
.about-badge{position:absolute;top:30px;left:0;background:var(--grad-gold);color:#1a1a1a;padding:1rem 1.4rem;border-radius:var(--radius);display:flex;align-items:center;gap:.8rem;box-shadow:0 15px 40px rgba(201,162,39,.35);animation:float 5s ease-in-out infinite;z-index:2}
.about-badge i{font-size:1.8rem}
.about-badge b{display:block;font-size:1.2rem;line-height:1}
.about-badge small{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.about-lead{font-size:1.05rem;color:var(--ink-soft);line-height:1.8;margin-bottom:2rem}
.about-points{margin-bottom:1rem}
.about-point{display:flex;gap:1rem;margin-bottom:1.4rem;align-items:flex-start}
.ap-icon{width:48px;height:48px;flex-shrink:0;border-radius:12px;background:rgba(10,77,140,.08);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:var(--transition)}
.about-point:hover .ap-icon{background:var(--grad-primary);color:#fff;transform:scale(1.05)}
.about-point h6{font-weight:700;font-size:1rem;margin-bottom:.25rem;font-family:'Inter',sans-serif}
.about-point p{font-size:.9rem;color:var(--ink-soft);margin:0;line-height:1.6}
.why-section{background:var(--bg-alt)}
.why-card{background:var(--white);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;height:100%;box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:var(--transition);position:relative;overflow:hidden}
.why-card::before{content:'';position:absolute;top:0;left:50%;width:0;height:3px;background:var(--grad-gold);transition:var(--transition);transform:translateX(-50%)}
.why-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.why-card:hover::before{width:100%}
.why-illustration{width:90px;height:90px;margin:0 auto 1.4rem;color:var(--blue);transition:var(--transition)}
.why-illustration svg{width:100%;height:100%;stroke-dasharray:300;stroke-dashoffset:300;animation:draw 2s ease forwards}
.why-card:hover .why-illustration{color:var(--gold);transform:scale(1.08)}
@keyframes draw{to{stroke-dashoffset:0}}
.why-card h5{font-size:1.2rem;margin-bottom:.6rem}
.why-card p{font-size:.9rem;color:var(--ink-soft);margin:0;line-height:1.6}
.testimonial-section{background:var(--white);padding-bottom:140px}
.testimonial-slider{width:100%;max-width:100%;margin:0!important}
.testimonial-item{padding:12px;box-sizing:border-box}
.testimonial-card{background:var(--white);border-radius:var(--radius);padding:2rem;height:100%;box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:var(--transition);position:relative}
.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}
.quote-icon{position:absolute;top:1.5rem;right:1.5rem;font-size:2rem;color:rgba(201,162,39,.15)}
.stars{color:var(--gold);margin-bottom:1rem;font-size:.85rem}
.stars i{margin-right:2px}
.testimonial-card p{font-size:.98rem;color:var(--ink-soft);line-height:1.75;margin-bottom:1.5rem;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:1rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--grad-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}
.testimonial-author b{display:block;font-size:.95rem;font-weight:700;color:var(--ink)}
.testimonial-author small{color:var(--ink-soft);font-size:.8rem}
.faq-list{background:var(--white);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line);transition:var(--transition)}
.faq-item:last-child{border-bottom:none}
.faq-q{padding:1.4rem 1.5rem;font-weight:600;font-size:1.02rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition);color:var(--ink);user-select:none}
.faq-q:hover{color:var(--blue)}
.faq-q i{color:var(--gold);font-size:.9rem;transition:var(--transition);flex-shrink:0;margin-left:1rem}
.faq-item.active .faq-q{color:var(--blue)}
.faq-item.active .faq-q i{transform:rotate(180deg)}
.faq-a{display:none;padding:0 1.5rem 1.4rem;color:var(--ink-soft);font-size:.95rem;line-height:1.7}
.faq-a p{margin:0}
.branch-modal .modal-content{border:none;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.3)}
.branch-modal .modal-close{position:absolute;top:15px;right:15px;z-index:10;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.95);border:none;color:var(--ink);font-size:1rem;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer}
.branch-modal .modal-close:hover{background:var(--red);color:#fff;transform:rotate(90deg)}
.branch-modal-slider{position:relative;height:340px;overflow:hidden;background:#0F1720}
.branch-modal-slider .bm-slide{height:340px;background-size:cover;background-position:center;background-color:#0F1720}
.branch-modal-slider::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,32,.6),transparent 55%);pointer-events:none}
.branch-modal-slider.single img{width:100%;height:340px;object-fit:cover;display:block}
.branch-modal-slider .slick-dots{bottom:15px!important}
.branch-modal-slider .slick-dots li button{background:rgba(255,255,255,.5)}
.branch-modal-slider .slick-dots li.slick-active button{background:linear-gradient(135deg,#C9A227,#E8C766)}
.branch-modal-contact{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}
.bmc-item{display:inline-flex;align-items:center;gap:.5rem;color:var(--blue);font-size:.92rem;font-weight:600;text-decoration:none;transition:var(--transition)}
.bmc-item:hover{color:var(--gold);text-decoration:none}
.bmc-item i{width:32px;height:32px;background:rgba(10,77,140,.08);color:var(--blue);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem}
.branch-modal-map{margin:1.5rem 0 2rem;border-radius:var(--radius);overflow:hidden;background:var(--bg-alt);min-height:0}
.branch-modal-map iframe{display:block;width:100%;height:300px;border:0}
.branch-modal-content{padding:2.5rem;padding-top:1rem;padding-bottom:1rem}
.branch-modal-content h3{font-size:1.8rem;margin-bottom:.6rem}
.branch-modal-addr{color:var(--ink-soft);margin-bottom:1.8rem;font-size:.95rem}
.branch-modal-addr i{color:var(--gold);margin-right:.4rem}
.branch-modal-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;padding:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bmf-item{font-size:.88rem;color:var(--ink-soft);display:flex;align-items:center;gap:.6rem}
.bmf-item i{color:var(--blue);font-size:1rem}
.branch-modal-actions{display:flex;gap:1rem;flex-wrap:wrap}
.branch-modal-actions .btn{flex:1;min-width:160px;padding:.9rem 1.5rem;border-radius:50px;font-weight:600}
.slick-dotted.slick-slider{margin-bottom:0!important}
@media(max-width:991px){.branch-modal-slider,.branch-modal-slider .bm-slide,.branch-modal-slider.single img{height:260px}.branch-modal-map iframe{height:240px}.branch-modal-features{grid-template-columns:repeat(2,1fr)}.branch-modal-content{padding:1.8rem}.branch-modal-content h3{font-size:1.5rem}}
@media(max-width:576px){.branch-modal-slider,.branch-modal-slider .bm-slide,.branch-modal-slider.single img{height:200px}.branch-modal-contact{gap:.8rem}.branch-modal-map iframe{height:200px}.branch-modal-features{grid-template-columns:1fr}.branch-modal-actions .btn{min-width:100%}}
.facility-modal .modal-content{border:none;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.3);max-width:780px;margin:0 auto}
.facility-modal .modal-close{position:absolute;top:15px;right:15px;z-index:10;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.95);border:none;color:var(--ink);font-size:.95rem;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer}
.facility-modal .modal-close:hover{background:var(--red);color:#fff;transform:rotate(90deg)}
.facility-modal-body{padding:2.2rem 2.2rem 2rem}
.fm-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;padding-right:50px}
.fm-icon{width:60px;height:60px;border-radius:14px;background:rgba(10,77,140,.08);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
.facility-modal .fm-head h3{font-family:'Baloo 2',sans-serif;font-weight:700;font-size:1.45rem;margin:0;line-height:1.2;color:var(--ink)}
.fm-summary{font-size:.95rem;line-height:1.7;color:var(--ink-soft);margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}
.fm-summary:empty{display:none}
.fm-scroll{font-family:'Inter',system-ui,sans-serif;font-size:.95rem;line-height:1.75;color:var(--ink-soft);max-height:460px;overflow-y:auto;padding-right:12px;margin-bottom:1.5rem;scrollbar-width:thin;scrollbar-color:rgba(10,77,140,.3) transparent}
.fm-scroll h1{font-family:'Baloo 2',sans-serif;font-size:1.4rem;font-weight:700;color:var(--ink);margin:1.6rem 0 .8rem;line-height:1.25}
.fm-scroll h1:first-child{margin-top:0}
.fm-scroll h2{font-family:'Baloo 2',sans-serif;font-size:1.2rem;font-weight:700;color:var(--ink);margin:1.4rem 0 .6rem}
.fm-scroll h3{font-family:'Baloo 2',sans-serif;font-size:1.05rem;font-weight:700;color:var(--blue);margin:1.4rem 0 .5rem}
.fm-scroll h4,.fm-scroll h5,.fm-scroll h6{font-family:'Baloo 2',sans-serif;font-size:.98rem;font-weight:700;color:var(--ink);margin:1.2rem 0 .4rem}
.fm-scroll p{margin-bottom:1rem}
.fm-scroll ul,.fm-scroll ol{padding-left:1.4rem;margin-bottom:1.2rem}
.fm-scroll li{margin-bottom:.5rem}
.fm-scroll li p{margin-bottom:.3rem}
.fm-scroll strong,.fm-scroll b{color:var(--ink);font-weight:700}
.fm-scroll em,.fm-scroll i{font-style:italic}
.fm-scroll a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.fm-scroll a:hover{color:var(--gold)}
.fm-scroll img{display:block;max-width:100%;height:auto;border-radius:12px;margin:1rem 0 1.4rem;box-shadow:var(--shadow-sm)}
.fm-scroll hr{border:none;border-top:1px solid var(--line);margin:2rem 0}
.fm-scroll blockquote{border-left:3px solid var(--gold);padding:.5rem 0 .5rem 1rem;margin:1rem 0;color:var(--ink-soft);font-style:italic}
.fm-scroll table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}
.fm-scroll table th,.fm-scroll table td{padding:.6rem .8rem;border:1px solid var(--line);text-align:left}
.fm-scroll table th{background:var(--bg-alt);font-weight:700;color:var(--ink)}
.fm-scroll::-webkit-scrollbar{width:6px}
.fm-scroll::-webkit-scrollbar-track{background:var(--bg-alt);border-radius:3px}
.fm-scroll::-webkit-scrollbar-thumb{background:rgba(10,77,140,.25);border-radius:3px}
.fm-scroll::-webkit-scrollbar-thumb:hover{background:rgba(10,77,140,.45)}
.fm-loading{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink-soft);font-size:.9rem;padding:1rem 0}
.fm-loading i{color:var(--blue)}
.fm-muted{color:var(--ink-soft);font-style:italic}
.fm-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid var(--line)}
.fm-actions .btn{flex:1;min-width:140px;padding:.8rem 1.4rem;border-radius:50px;font-weight:600;font-size:.88rem}
@media(max-width:991px){.fm-scroll{max-height:380px}}
@media(max-width:576px){.facility-modal-body{padding:1.5rem}.fm-head h3{font-size:1.2rem}.fm-icon{width:50px;height:50px;font-size:1.25rem}.fm-scroll{max-height:320px;font-size:.9rem}.fm-scroll h1{font-size:1.15rem}.fm-scroll h3{font-size:.98rem}.fm-actions .btn{flex:none;width:100%}}
.download-section{background:linear-gradient(135deg,#0A1B2E 0%,#1A1533 60%,#2A1E3D 100%);color:#fff;position:relative;overflow:hidden;padding:100px 0}
.download-bg-mesh{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(41,171,226,.2),transparent 45%),radial-gradient(circle at 85% 80%,rgba(201,162,39,.18),transparent 50%),radial-gradient(circle at 50% 50%,rgba(91,44,111,.15),transparent 60%);pointer-events:none}
.download-section .container{position:relative;z-index:2}
.download-tag{background:rgba(201,162,39,.15)!important;color:var(--gold-lt)!important;border-color:rgba(201,162,39,.35)!important}
.download-title{color:#fff!important;font-size:clamp(2rem,4.5vw,3.2rem)!important;letter-spacing:-.03em}
.download-sub{font-size:1.05rem;color:rgba(255,255,255,.78);max-width:520px;margin:0 0 2rem;line-height:1.7}
.download-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:2.5rem}
.df-item{display:flex;gap:.9rem;align-items:flex-start}
.df-icon{width:42px;height:42px;flex-shrink:0;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--gold-lt);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:var(--transition)}
.df-item:hover .df-icon{background:var(--grad-gold);color:#1a1a1a;border-color:transparent;transform:translateY(-2px)}
.df-item h6{color:#fff;font-family:'Baloo 2',sans-serif;font-size:.98rem;font-weight:700;margin:0 0 .15rem;line-height:1.3}
.df-item p{color:rgba(255,255,255,.6);font-size:.82rem;margin:0;line-height:1.5}
.store-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
.store-btn{display:inline-flex;align-items:center;gap:.85rem;padding:.85rem 1.4rem;background:#000;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#fff;text-decoration:none;transition:var(--transition);min-width:200px}
.store-btn:hover{color:#fff;text-decoration:none;transform:translateY(-3px);border-color:var(--gold-lt);box-shadow:0 12px 30px rgba(0,0,0,.5)}
.store-btn-apple{background:#1a1a1a}
.store-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.store-icon svg{width:100%;height:100%;fill:#fff;display:block}
.store-text{display:flex;flex-direction:column;line-height:1.15}
.store-text small{font-size:.65rem;text-transform:uppercase;letter-spacing:1.2px;opacity:.7}
.store-text b{font-size:1.05rem;font-weight:700;font-family:'Baloo 2',sans-serif;letter-spacing:-.2px}
.download-trust{display:flex;align-items:center;gap:.75rem;color:rgba(255,255,255,.7);font-size:.88rem}
.download-trust b{color:var(--gold-lt)}
.dt-stars{color:var(--gold);font-size:.85rem;letter-spacing:-1px}
.download-visual{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center}
.phone-frame{position:relative;width:280px;height:570px;background:#0F1720;border-radius:42px;padding:12px;box-shadow:0 0 0 2px rgba(255,255,255,.06),0 40px 80px rgba(0,0,0,.6),0 0 100px rgba(41,171,226,.25);z-index:3;animation:phoneFloat 6s ease-in-out infinite}
@keyframes phoneFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(-2deg)}}
.phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:100px;height:22px;background:#0F1720;border-radius:0 0 16px 16px;z-index:4}
.phone-screen{width:100%;height:100%;background:linear-gradient(160deg,#0F1720 0%,#1a2640 100%);border-radius:32px;overflow:hidden;position:relative;padding:40px 18px 18px}
.phone-screen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem;color:#fff}
.psh-logo{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:1.05rem;color:#fff;letter-spacing:-.5px}
.psh-logo span{color:var(--blue-lt)}
.phone-screen-header i{font-size:.9rem;opacity:.7}
.phone-screen-body{color:#fff}
.psb-greeting{font-size:.82rem;color:rgba(255,255,255,.7);margin-bottom:.9rem}
.psb-card{background:linear-gradient(135deg,rgba(41,171,226,.25),rgba(91,44,111,.25));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;margin-bottom:1rem;backdrop-filter:blur(10px)}
.psb-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}
.psb-badge{font-size:.62rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;background:rgba(255,255,255,.15);padding:.2rem .55rem;border-radius:50px}
.psb-card h5{font-family:'Baloo 2',sans-serif;font-size:1rem;font-weight:700;margin:0 0 .25rem;color:#fff}
.psb-card p{font-size:.75rem;color:rgba(255,255,255,.65);margin:0 0 .7rem}
.psb-progress{height:5px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden;margin-bottom:.5rem}
.psb-progress span{display:block;height:100%;background:var(--grad-gold);border-radius:3px}
.psb-card small{font-size:.68rem;color:rgba(255,255,255,.6)}
.psb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.psb-tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.8rem .3rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}
.psb-tile i{font-size:1rem;color:var(--gold-lt)}
.psb-tile span{font-size:.65rem;color:rgba(255,255,255,.75);font-weight:600}
.qr-card{position:absolute;bottom:30px;right:0;background:#fff;border-radius:16px;padding:1rem;display:flex;align-items:center;gap:.9rem;box-shadow:0 20px 50px rgba(0,0,0,.5);z-index:4;animation:qrFloat 7s ease-in-out infinite}
@keyframes qrFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.qr-box{width:80px;height:80px;border-radius:10px;overflow:hidden;background:#F4F7FB;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qr-box img{width:100%;height:100%;object-fit:contain;display:block}
.qr-text b{display:block;font-family:'Baloo 2',sans-serif;font-size:.95rem;font-weight:700;color:var(--ink);margin-bottom:.15rem;line-height:1.2}
.qr-text small{font-size:.72rem;color:var(--ink-soft)}
.download-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:1;pointer-events:none}
.blob-1{width:260px;height:260px;background:rgba(41,171,226,.35);top:10%;left:-5%}
.blob-2{width:300px;height:300px;background:rgba(201,162,39,.25);bottom:5%;right:-10%}
@media(max-width:1199px){.phone-frame{width:250px;height:510px}.download-visual{min-height:520px}}
@media(max-width:991px){.download-section{padding:70px 0}.download-features{grid-template-columns:1fr}.download-trust{font-size:.8rem;flex-wrap:wrap}}
@media(max-width:576px){.download-section{padding:55px 0}.store-buttons{gap:.6rem}.store-btn{min-width:0;flex:1;padding:.7rem 1rem;gap:.6rem}.store-text b{font-size:.92rem}.store-icon{width:28px;height:28px}.download-sub{font-size:.95rem}}
.room-branches{margin:0 0 1.2rem;padding:1rem 0;border-top:1px solid var(--line)}
.rb-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink-soft);margin-bottom:.6rem}
.rb-list{display:flex;flex-wrap:wrap;gap:.4rem}
.rb-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:rgba(10,77,140,.06);color:var(--blue);border:1px solid rgba(10,77,140,.12);border-radius:50px;font-size:.75rem;font-weight:600;transition:var(--transition);cursor:default;text-decoration:none}
.rb-badge i{font-size:.7rem;opacity:.8}
.rb-badge:hover{background:rgba(10,77,140,.12);color:var(--blue);transform:translateY(-1px)}
.rb-badge.rb-male{background:rgba(41,171,226,.08);color:#1B8DC0;border-color:rgba(41,171,226,.2)}
.rb-badge.rb-female{background:rgba(91,44,111,.08);color:var(--purple);border-color:rgba(91,44,111,.2)}
.rb-empty{font-size:.82rem;color:var(--ink-soft);font-style:italic}
@media(max-width:576px){.rb-badge{font-size:.7rem;padding:.3rem .65rem}}
.member-section{background:linear-gradient(135deg,#F0F6FC 0%,#FAF5FF 60%,#FFF8EE 100%);position:relative;overflow:hidden;padding:100px 0}
.member-bg-mesh{position:absolute;inset:0;background:radial-gradient(circle at 15% 25%,rgba(41,171,226,.12),transparent 45%),radial-gradient(circle at 85% 80%,rgba(201,162,39,.1),transparent 50%),radial-gradient(circle at 50% 50%,rgba(91,44,111,.06),transparent 60%);pointer-events:none}
.member-section .container{position:relative;z-index:2}
.member-tag{background:rgba(91,44,111,.1)!important;color:var(--purple)!important;border-color:rgba(91,44,111,.25)!important}
.member-title{color:var(--ink)!important;font-size:clamp(2rem,4.5vw,3.2rem)!important;letter-spacing:-.03em}
.member-sub{font-size:1.05rem;color:var(--ink-soft);max-width:540px;margin:0 0 2.5rem;line-height:1.75}
.member-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-bottom:2.5rem}
.mf-item{display:flex;gap:.9rem;align-items:flex-start}
.mf-icon{width:46px;height:46px;flex-shrink:0;border-radius:12px;background:var(--white);border:1px solid var(--line);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:var(--transition);box-shadow:var(--shadow-sm)}
.mf-item:hover .mf-icon{background:var(--grad-primary);color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 24px rgba(10,77,140,.25)}
.mf-item h6{font-family:'Baloo 2',sans-serif;font-size:.98rem;font-weight:700;margin:0 0 .2rem;color:var(--ink);line-height:1.3}
.mf-item p{font-size:.84rem;color:var(--ink-soft);margin:0;line-height:1.5}
.member-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem}
.member-login-btn{padding:1rem 2rem!important;font-size:1rem;display:inline-flex;align-items:center}
.member-login-btn i{transition:transform .3s ease}
.member-login-btn:hover i:last-child{transform:translateX(4px)}
.member-note{font-size:.82rem;color:var(--ink-soft);margin:0}
.member-note i{color:var(--green)}
.member-visual{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}
.dashboard-card{position:relative;width:100%;max-width:440px;background:var(--white);border-radius:var(--radius-lg);padding:1.6rem;box-shadow:0 30px 70px rgba(10,77,140,.18),0 8px 24px rgba(10,77,140,.08);border:1px solid rgba(10,77,140,.06);z-index:3;animation:dashFloat 7s ease-in-out infinite}
@keyframes dashFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.dc-header{display:flex;align-items:center;gap:.85rem;padding-bottom:1.2rem;margin-bottom:1.2rem;border-bottom:1px solid var(--line)}
.dc-avatar{width:46px;height:46px;border-radius:50%;background:var(--grad-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Baloo 2',sans-serif;font-weight:800;font-size:1rem;flex-shrink:0;box-shadow:0 6px 16px rgba(10,77,140,.3)}
.dc-user{flex:1;min-width:0}
.dc-user b{display:block;font-family:'Baloo 2',sans-serif;font-size:1rem;font-weight:700;color:var(--ink);line-height:1.2}
.dc-user small{font-size:.76rem;color:var(--ink-soft)}
.dc-status{background:rgba(30,142,90,.1);color:var(--green);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.25rem .7rem;border-radius:50px}
.dc-body{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.2rem}
.dc-stat{background:linear-gradient(135deg,#F0F6FC,#FAF5FF);border:1px solid var(--line);border-radius:12px;padding:1rem;display:flex;flex-direction:column}
.dcs-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);margin-bottom:.35rem}
.dcs-value{font-family:'Baloo 2',sans-serif;font-size:1.35rem;font-weight:700;color:var(--ink);line-height:1.1}
.dcs-sub{font-size:.72rem;color:var(--blue);font-weight:600;margin-top:.25rem}
.dc-rows{display:flex;flex-direction:column;gap:.55rem}
.dc-row{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;background:var(--bg-alt);border-radius:10px;font-size:.82rem;color:var(--ink-soft);transition:var(--transition);cursor:pointer}
.dc-row:hover{background:rgba(10,77,140,.06);transform:translateX(3px)}
.dc-row>i:first-child{width:26px;height:26px;flex-shrink:0;border-radius:8px;background:rgba(10,77,140,.1);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:.72rem}
.dc-row>span{flex:1;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-row>i:last-child{font-size:.68rem;color:var(--ink-soft);opacity:.5}
.member-float-badge{position:absolute;top:30px;left:0;background:var(--white);border-radius:14px;padding:.85rem 1.1rem;display:flex;align-items:center;gap:.7rem;box-shadow:0 15px 40px rgba(10,77,140,.2);z-index:4;animation:badgeFloat 5s ease-in-out infinite}
@keyframes badgeFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(-2deg)}}
.member-float-badge i{width:38px;height:38px;border-radius:10px;background:var(--grad-gold);color:#1a1a1a;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}
.member-float-badge b{display:block;font-family:'Baloo 2',sans-serif;font-size:.88rem;font-weight:700;color:var(--ink);line-height:1.2}
.member-float-badge small{font-size:.68rem;color:var(--ink-soft)}
.member-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:1}
.mb-1{width:240px;height:240px;background:rgba(41,171,226,.25);top:5%;right:5%}
.mb-2{width:280px;height:280px;background:rgba(201,162,39,.22);bottom:5%;left:5%}
@media(max-width:991px){.member-section{padding:70px 0}.member-features{grid-template-columns:1fr}.member-visual{min-height:auto;margin-top:3rem}.dashboard-card,.member-float-badge{animation:none}}
@media(max-width:576px){.member-section{padding:55px 0}.member-cta{flex-direction:column;align-items:stretch}.member-login-btn{width:100%;justify-content:center}.dashboard-card{padding:1.3rem}.dc-body{grid-template-columns:1fr}.member-float-badge{top:-20px;left:50%;transform:translateX(-50%) rotate(0deg);padding:.7rem 1rem}.member-float-badge i{width:34px;height:34px;font-size:.95rem}}
.media-section{background:linear-gradient(180deg,#FAFBFD 0%,#F4F7FB 100%);position:relative;overflow:hidden}
.media-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(10,77,140,.1),transparent)}
.media-grid{row-gap:.5rem}
.media-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .5rem;text-decoration:none;transition:var(--transition);border-radius:var(--radius);height:100%}
.media-card:hover{text-decoration:none;transform:translateY(-6px)}
.media-logo{width:120px;height:120px;border-radius:50%;background:var(--white);border:1.5px solid rgba(201,162,39,.35);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px;box-shadow:0 4px 14px rgba(10,77,140,.08),0 1px 3px rgba(10,77,140,.04);transition:var(--transition);position:relative;flex-shrink:0}
.media-logo::after{content:'';position:absolute;inset:-1.5px;border-radius:50%;background:var(--grad-gold);opacity:0;transition:var(--transition);z-index:0}
.media-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;position:relative;z-index:1;transition:var(--transition);display:block}
.media-card:hover .media-logo{box-shadow:0 18px 40px rgba(201,162,39,.35),0 6px 14px rgba(10,77,140,.1);transform:scale(1.06);border-color:transparent}
.media-card:hover .media-logo::after{opacity:1}
.media-name{margin-top:.9rem;font-family:'Baloo 2',sans-serif;font-size:.95rem;font-weight:700;color:var(--ink);line-height:1.3;transition:var(--transition);max-width:140px}
.media-card:hover .media-name{color:var(--blue)}
@media(max-width:991px){.media-logo{width:105px;height:105px;padding:12px}.media-name{font-size:.88rem;margin-top:.75rem}}
@media(max-width:576px){.media-logo{width:90px;height:90px;padding:10px}.media-name{font-size:.78rem;margin-top:.6rem;max-width:110px}.media-card{padding:.75rem .35rem}}
.blog-section{background:var(--white);position:relative;padding-bottom:140px}
.blog-slider{width:100%;max-width:100%;margin:0!important}
.blog-item{padding:12px;box-sizing:border-box;height:auto}
.blog-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:var(--transition);height:100%;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent}
.blog-img{position:relative;width:100%;height:200px;overflow:hidden;background:var(--bg-alt)}
.blog-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.blog-card:hover .blog-img img{transform:scale(1.06)}
.blog-date{position:absolute;bottom:12px;left:12px;background:rgba(15,23,32,.85);backdrop-filter:blur(10px);color:#fff;padding:.35rem .8rem;border-radius:50px;font-size:.7rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;z-index:2}
.blog-date i{color:var(--gold-lt);font-size:.65rem}
.blog-body{padding:1.4rem;display:flex;flex-direction:column;flex:1}
.blog-title{font-family:'Baloo 2',sans-serif;font-size:1.05rem;font-weight:700;line-height:1.35;margin:0 0 .7rem;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:var(--transition)}
.blog-card:hover .blog-title{color:var(--blue)}
.blog-excerpt{font-size:.88rem;line-height:1.6;color:var(--ink-soft);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.blog-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--line)}
.blog-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--ink-soft)}
.blog-meta span{display:inline-flex;align-items:center;gap:.3rem}
.blog-meta i{color:var(--blue);font-size:.7rem}
.blog-readmore{font-size:.82rem;font-weight:700;color:var(--blue);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:var(--transition);white-space:nowrap}
.blog-readmore:hover{color:var(--gold);text-decoration:none;gap:.6rem}
.blog-readmore i{font-size:.7rem;transition:transform .3s ease}
.blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--ink-soft);min-height:380px}
.blog-loading i{color:var(--blue)}
.blog-loading p{margin:1rem 0 0;font-size:.9rem}
.blog-section .slick-dots{bottom:-5%!important}
@media(max-width:991px){.blog-section{padding-bottom:120px}.blog-img{height:180px}.blog-body{padding:1.2rem}.blog-title{font-size:1rem}}
@media(max-width:576px){.blog-section{padding-bottom:100px}.blog-img{height:160px}.blog-body{padding:1.1rem}.blog-title{font-size:.95rem}.blog-excerpt{font-size:.82rem;-webkit-line-clamp:2}.blog-meta{font-size:.7rem;gap:.7rem}.blog-footer{flex-direction:column;align-items:flex-start;gap:.6rem}}
.main-footer{background:linear-gradient(135deg,#0A1B2E 0%,#1A1533 100%);color:#fff;padding:5rem 0 2rem;position:relative;overflow:hidden}
.main-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-gold)}
.main-footer h5{color:#fff;font-family:'Baloo 2',sans-serif;font-weight:700;font-size:1rem;margin-bottom:1.2rem;letter-spacing:-.2px;position:relative;padding-bottom:.6rem}
.main-footer h5::after{content:'';position:absolute;bottom:0;left:0;width:28px;height:2px;background:var(--grad-gold);border-radius:2px}
.main-footer p,.main-footer .text-muted{color:rgba(255,255,255,.6)!important;font-size:.9rem;line-height:1.7}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:.65rem}
.footer-links a{color:rgba(255,255,255,.7);transition:var(--transition);font-size:.9rem;display:inline-block;text-decoration:none}
.footer-links a:hover{color:var(--gold-lt);text-decoration:none;padding-left:6px}
.footer-contact li{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.85rem}
.footer-contact li i{color:var(--gold-lt);font-size:.85rem;width:16px;flex-shrink:0;margin-top:5px}
.footer-contact a,.footer-contact span{color:rgba(255,255,255,.7);font-size:.88rem;line-height:1.5;transition:var(--transition)}
.footer-contact a:hover{color:var(--gold-lt);padding-left:0}
.footer-social{display:flex;gap:.5rem}
.footer-social a{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border-radius:50%;color:#fff;transition:var(--transition);border:1px solid rgba(255,255,255,.1);font-size:.95rem}
.footer-social a:hover{background:var(--grad-gold);color:#1a1a1a;transform:translateY(-3px);border-color:transparent}
.main-footer hr{border-color:rgba(255,255,255,.1);margin:3rem 0 1.5rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;color:rgba(255,255,255,.55);font-size:.85rem}
.footer-bottom a{color:var(--gold-lt);text-decoration:none;transition:var(--transition)}
.footer-bottom a:hover{text-decoration:underline}
@media(max-width:991px){.main-footer{padding:4rem 0 1.5rem}.main-footer h5{font-size:.95rem;margin-bottom:1rem}.footer-links a,.footer-contact a,.footer-contact span{font-size:.85rem}}
@media(max-width:576px){.main-footer{padding:3rem 0 1.2rem}.footer-bottom{flex-direction:column;text-align:center;gap:.5rem}.footer-bottom p{font-size:.78rem}.footer-social a{width:36px;height:36px;font-size:.85rem}}
.mobile-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);display:flex;z-index:1000;box-shadow:0 -4px 20px rgba(10,77,140,.08);padding:.5rem;gap:.5rem}
.mobile-bar .mb-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem .3rem;border-radius:12px;color:var(--ink-soft);font-size:.72rem;font-weight:600;transition:var(--transition);text-decoration:none;gap:.25rem}
.mobile-bar .mb-item i{font-size:1.15rem}
.mobile-bar .mb-item.mb-primary{background:var(--grad-primary);color:#fff;box-shadow:0 6px 16px rgba(10,77,140,.3)}
.mobile-bar .mb-item:active{transform:scale(.96)}
.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:52px;height:52px;border-radius:50%;border:none;background:var(--grad-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(10,77,140,.35),0 4px 10px rgba(0,0,0,.15);z-index:999;opacity:0;visibility:hidden;transform:translateY(20px) scale(.9);transition:opacity .35s ease,transform .35s ease,visibility .35s,box-shadow .35s ease;outline:0;padding:0;-webkit-tap-highlight-color:transparent}
.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.scroll-top-btn:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 18px 40px rgba(10,77,140,.45),0 8px 16px rgba(201,162,39,.25)}
.scroll-top-btn:active{transform:translateY(-2px) scale(.98)}
.scroll-arrow{position:relative;z-index:2;font-size:1rem;color:#fff;transition:transform .3s ease}
.scroll-top-btn:hover .scroll-arrow{transform:translateY(-2px);animation:arrowBounce .8s ease infinite}
@keyframes arrowBounce{0%,100%{transform:translateY(-2px)}50%{transform:translateY(-6px)}}
.scroll-progress{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:rotate(0deg)}
.scroll-track{opacity:.5}
.scroll-bar{transition:stroke-dashoffset .15s linear}
@media(max-width:991px){.scroll-top-btn{bottom:90px;right:16px;width:46px;height:46px}.scroll-arrow{font-size:.9rem}}
@media(max-width:576px){.scroll-top-btn{bottom:86px;right:12px;width:42px;height:42px}.scroll-arrow{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.scroll-top-btn{transition:opacity .2s ease,visibility .2s}.scroll-top-btn:hover{transform:none}.scroll-top-btn:hover .scroll-arrow{animation:none}}
@media(max-width:991px){body{padding-bottom:76px}.section{padding:70px 0}.section-head{margin-bottom:2.5rem}.hero{min-height:auto;padding:120px 0 80px}.hero-trust{flex-wrap:wrap;gap:1rem}.trust-divider{display:none}.stats-strip{margin-top:-40px;border-radius:var(--radius);padding:2rem 1rem;width:calc(100% - 30px);margin-left:15px;margin-right:15px}.stat-item:not(:last-child)::after{display:none}.stat-item{border-bottom:1px solid var(--line);padding:1.2rem 1rem}.stat-item:nth-child(3),.stat-item:nth-child(4){border-bottom:none}.booking-card{padding:2rem 1.5rem}.room-body{padding:1.5rem}#beds,.testimonial-section{padding-bottom:120px}.about-visual{padding-right:0;padding-bottom:40px;margin-bottom:2rem}.about-img-main img{height:380px}.about-img-float{width:60%}.about-img-float img{height:180px}.about-badge{left:10px}}
@media(max-width:576px){.section{padding:55px 0}.section-title{font-size:1.9rem}.hero-title{font-size:2.4rem;letter-spacing:-1px}.hero-cta .btn{width:100%;margin:0 0 .6rem!important}.stat-num{font-size:2.2rem}.booking-card{padding:1.5rem 1.2rem}.room-img{height:200px}.branch-card img{height:190px}.form-control{min-height:48px;font-size:16px}.btn{width:100%}.filter-btn{padding:.6rem 1.2rem;font-size:.82rem}.main-footer{padding:3.5rem 0 1.5rem}.about-img-main img{height:300px}.about-img-float{display:none}.about-badge{position:relative;top:auto;left:auto;display:inline-flex;margin-bottom:1rem;animation:none}.about-badge i{font-size:1.4rem}.about-badge b{font-size:1rem}.faq-q{padding:1.1rem 1.2rem;font-size:.95rem}.faq-a{padding:0 1.2rem 1.2rem;font-size:.9rem}.testimonial-card{padding:1.5rem}.why-card{padding:1.5rem 1.2rem}#beds,.testimonial-section{padding-bottom:100px}.slick-dots{gap:8px;bottom:-45px!important}.slick-dots li button{width:8px;height:8px}.slick-dots li.slick-active button{width:26px}}
@media(min-width:992px){.mobile-bar{display:none!important}}
@media(min-width:768px) and (max-width:991px){.float-book{display:none!important}}
.aos-init:not(.aos-animate){opacity:1;transform:none}
.container>.row,.container-fluid>.row{margin-left:-12px;margin-right:-12px}
.container>.row>[class*=col-],.container-fluid>.row>[class*=col-]{padding-left:12px;padding-right:12px}
@media(max-width:576px){[data-aos=zoom-in] { transform: scale(1.0); } .container>.row,.container-fluid>.row{margin-left:-8px;margin-right:-8px}.container>.row>[class*=col-],.container-fluid>.row>[class*=col-]{padding-left:8px;padding-right:8px; opacity: 1.0 !important;}}
.app-popup-overlay {position: fixed;inset: 0;background: rgba(10, 77, 140, 0.6);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);z-index: 10000;display: none;opacity: 0;transition: opacity 0.3s ease;}
.app-popup-overlay.show {display: block;opacity: 1;}
.app-popup-card {position: fixed;bottom: -100%;left: 50%;transform: translateX(-50%);width: 100%;max-width: 420px;background: #fff;border-radius: var(--radius-lg) var(--radius-lg) 0 0;z-index: 10001;padding: 2rem 1.5rem;box-shadow: 0 -10px 40px rgba(0,0,0,0.2);transition: bottom 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);text-align: center; display: none;}
.app-popup-overlay.show + .app-popup-card {bottom: 0;}
.app-popup-close {position: absolute;top: 15px;right: 15px;background: var(--bg-alt);border: none;width: 32px;height: 32px;border-radius: 50%;color: var(--ink-soft);font-size: 0.9rem;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition);}
.app-popup-close:hover {background: var(--red);color: #fff;transform: rotate(90deg);}
.app-popup-icon {width: 80px;height: 80px;border-radius: 18px;background: var(--grad-primary);display: flex;align-items: center;justify-content: center;margin: 0 auto 1.2rem;box-shadow: 0 10px 25px rgba(10, 77, 140, 0.3);}
.app-popup-icon img {width: 50px;height: 50px;object-fit: contain;}
.app-popup-card h3 {font-size: 1.4rem;margin-bottom: 0.5rem;color: var(--ink);}
.app-popup-card p {font-size: 0.9rem;color: var(--ink-soft);margin-bottom: 1.5rem;line-height: 1.5;}
.app-popup-buttons {display: flex;flex-direction: column;gap: 0.8rem;margin-bottom: 1rem;}
.app-popup-card[data-os="ios"] .btn-android { display: none; }
.app-popup-card[data-os="android"] .btn-ios { display: none; }
.app-popup-buttons .store-btn {width: 100%;justify-content: center;min-width: 100%;padding: 0.8rem;}
@media (min-width: 577px) {.app-popup-card {border-radius: var(--radius-lg);bottom: 40px;padding: 2.5rem;} .app-popup-overlay.show + .app-popup-card {bottom: 40px;}}