*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#07151a 0%,#0a1b1f 25%,#111b1f 50%,#1a1714 100%);color:#f4efe6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:-30%;z-index:-1;background:radial-gradient(circle at 18% 18%,rgba(201,169,110,.16),transparent 25%),radial-gradient(circle at 82% 62%,rgba(32,146,156,.18),transparent 28%),radial-gradient(circle at 52% 72%,rgba(255,190,122,.08),transparent 26%);pointer-events:none}.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:20;padding:18px 4vw}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-radius:22px}.glass{background:rgba(255,248,235,.045);border:1px solid rgba(213,186,131,.16);box-shadow:0 18px 60px rgba(0,0,0,.32);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:13px}.brand>span:last-child>span{color:#a99d8b;font-weight:600}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#c9a96e,#9b7a45);color:#17130d;font-size:17px}.links{display:flex;gap:8px}.links a{color:#b9b0a2;text-decoration:none;padding:9px 14px;border-radius:12px}.links a:hover,.links a.active{color:#fff;background:rgba(213,186,131,.10)}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.section{max-width:1180px;margin:auto;padding:120px 28px}.hero{min-height:780px;padding-top:190px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:50px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#c9a96e;font-weight:800}.hero h1,.page-hero h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.055em;margin:18px 0 25px;max-width:900px}.hero h1 em{font-style:normal;color:#d6b77a}.lead{font-size:19px;color:#aaa294;max-width:690px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border-radius:14px;border:1px solid rgba(213,186,131,.18);text-decoration:none;color:#fff;cursor:pointer;font:inherit}.btn.primary{background:linear-gradient(135deg,#c9a96e,#9b7a45);color:#17130d;border:0;font-weight:800}.btn.text{border:0;color:#d8bd87}.hero-card{padding:32px;border-radius:30px}.status{color:#b8afa1;font-size:13px}.status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5be18a;margin-right:8px}.rating{margin-top:45px}.rating strong{font-size:72px;line-height:1}.rating span{color:#928a7d}.stars{color:#c9a96e;letter-spacing:5px;font-size:20px;margin-top:10px}.hero-card p{color:#9f978b}.chips,.theme-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.chips span,.theme-grid span{border:1px solid rgba(213,186,131,.13);background:rgba(255,248,235,.035);border-radius:999px;padding:7px 10px;color:#afa697;font-size:12px}.section-head{max-width:700px;margin-bottom:35px}.section h2,.cta h2{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.04em;margin:10px 0 15px}.section-head>p:last-child,.feature p,.address-card p{color:#aaa294}.compact{padding-top:40px}.grid.four{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{padding:26px;border-radius:24px;min-height:240px}.icon{font-size:26px;color:#c9a96e;margin-bottom:35px}.card h3,.info h3{margin:0 0 8px}.card p,.info p{color:#9e968a;font-size:14px}.gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-auto-rows:280px;gap:15px}.gallery-item{margin:0;position:relative;overflow:hidden;border-radius:24px}.gallery-item.tall{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.6s transform}.gallery-item:hover img{transform:scale(1.06)}.gallery-item:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.gallery-item figcaption{position:absolute;z-index:1;bottom:18px;left:18px;font-weight:700}.location-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px;padding:28px;border-radius:30px}.map{min-height:320px;border-radius:22px;overflow:hidden}.map iframe{width:100%;height:100%;min-height:320px;border:0;filter:grayscale(.3) contrast(1.1)}.cta{text-align:center;padding-top:90px;padding-bottom:150px}.center{justify-content:center}footer{max-width:1180px;margin:auto;padding:40px 28px 110px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);color:#837b70}footer b{display:block;color:#fff;font-size:13px;letter-spacing:.1em}footer span{display:block;margin-top:5px;font-size:12px}footer a{color:#d5ba83;text-decoration:none}.page-hero{padding-top:190px;padding-bottom:70px}.split,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature,.info{padding:30px;border-radius:26px}.review-board{display:grid;grid-template-columns:.4fr 1fr;gap:30px;padding:35px;border-radius:28px;align-items:center}.big-rating strong{font-size:72px;display:block}.big-rating span{color:#c9a96e}.big-rating small{color:#9e968a}.theme-grid span{padding:14px 17px;font-size:14px}.address-card{padding:40px;border-radius:28px}.contact-grid{align-items:start}.contact-info{display:grid;gap:15px}.info .icon{margin:0 0 15px}.green{color:#8fa477}.form{padding:32px;border-radius:28px}.form label{display:block;color:#b8afa1;font-size:13px;margin-top:18px}.form input,.form textarea{display:block;width:100%;margin-top:7px;border:1px solid rgba(213,186,131,.16);border-radius:13px;background:rgba(0,0,0,.22);color:#fff;padding:13px 14px;font:inherit;outline:none}.form input:focus,.form textarea:focus{border-color:#c9a96e;box-shadow:0 0 0 3px rgba(201,169,110,.12)}.form-note{font-size:11px!important;color:#777066!important}.mobile-bar{display:none}.top{position:fixed;right:20px;bottom:20px;display:none;border:1px solid rgba(255,255,255,.12);background:rgba(12,16,23,.8);color:#fff;border-radius:50%;width:44px;height:44px;z-index:15}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:50;display:none;place-items:center;padding:30px}.lightbox.open{display:grid}.lightbox img{max-width:95vw;max-height:90vh;border-radius:15px}.lightbox button{position:absolute;top:20px;right:25px;background:none;border:0;color:#fff;font-size:38px}.loader{position:fixed;inset:0;background:linear-gradient(135deg,#07151a,#101a1f 35%,#17130d);z-index:100;display:grid;place-items:center;transition:.5s}.loader span{width:32px;height:32px;border:2px solid rgba(255,255,255,.15);border-top-color:#d6b77a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:800px){.nav-wrap{padding:12px}.links{position:absolute;top:70px;left:12px;right:12px;display:none;flex-direction:column;padding:10px;border-radius:18px;background:rgba(8,11,16,.94);border:1px solid rgba(255,255,255,.12)}.links.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:150px;min-height:auto}.hero h1,.page-hero h1{font-size:50px}.grid.four,.split,.contact-grid,.location-card,.review-board{grid-template-columns:1fr}.gallery{grid-template-columns:1fr;grid-auto-rows:250px}.gallery-item.tall{grid-row:span 1}.section{padding:90px 18px}.page-hero{padding-top:145px}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(8,11,16,.92);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}.mobile-bar a{padding:14px 5px;text-align:center;color:#fff;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.12em}.mobile-bar a+ a{border-left:1px solid rgba(255,255,255,.08)}footer{padding-bottom:90px;flex-direction:column}.hero-card{padding:25px}.rating strong{font-size:60px}.map{min-height:250px}}@media(max-width:420px){.hero h1,.page-hero h1{font-size:42px}.btn{width:100%}.actions{flex-direction:column}.brand{font-size:11px}}
.public-rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.public-room-card{overflow:hidden;border-radius:22px}.public-room-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;height:170px;background:rgba(255,255,255,.04)}.public-room-photos.count-1{grid-template-columns:1fr}.public-room-photos.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.public-room-photos img{width:100%;height:170px;object-fit:cover}.public-room-no-photo{grid-column:1/-1;display:grid;place-items:center;color:#9e968a;font-size:13px}.public-room-details{padding:18px}.public-room-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.public-room-heading h3{margin:0;font-size:19px}.public-room-heading p,.public-room-facts{margin:3px 0 0;color:#9e968a;font-size:13px}.public-room-status{flex:none;border-radius:999px;padding:5px 9px;font-size:11px;background:rgba(255,255,255,.08);color:#ddd}.public-room-status.available{background:rgba(94,210,131,.12);color:#8fe0a8}.public-room-status.occupied{background:rgba(222,166,88,.12);color:#e4bf7b}.public-room-status.maintenance{background:rgba(220,115,104,.12);color:#e39a90}.public-room-facts{margin-top:12px}.public-room-facts strong{color:#f4efe6}
body:not(.admin-body){background:linear-gradient(rgba(7,15,20,.72),rgba(7,15,20,.82)),url("https://images.unsplash.com/photo-1522708323590-d24dbb6b0267?auto=format&fit=crop&w=2000&q=85") center/cover fixed}
@media(max-width:800px){body:not(.admin-body){background-attachment:scroll}}
.branch-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:170px;gap:3px;background:rgba(255,255,255,.04)}.branch-photos img{width:100%;height:100%;object-fit:cover}.branch-photos img:only-child{grid-column:1/-1}
html,body{max-width:100%;overflow-x:clip}img,iframe,video{max-width:100%}.section{width:100%}.gallery-item img{display:block}
@media(max-width:960px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:24px;min-height:680px}.hero h1,.page-hero h1{font-size:clamp(44px,6vw,70px)}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-left:24px;padding-right:24px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:24px;padding-top:145px;min-height:auto}.hero-copy,.hero-card{min-width:0}.hero h1,.page-hero h1{font-size:clamp(40px,9vw,58px)}.section{padding:80px 20px}.compact{padding-top:28px}.page-hero{padding-top:135px}.nav{gap:10px}.links{z-index:2}.actions{gap:10px}.location-card,.split,.contact-grid,.review-board{grid-template-columns:minmax(0,1fr)}.location-card>*{min-width:0}.map,.map iframe{min-height:280px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:220px}.gallery-item.tall{grid-row:span 2}.mobile-bar a{min-width:0;overflow-wrap:anywhere}.branch-photos{grid-auto-rows:clamp(110px,28vw,170px)}}
@media(max-width:560px){.nav-wrap{padding:9px}.nav{padding:10px 12px;border-radius:17px}.brand{font-size:11px;letter-spacing:.05em;gap:7px}.brand-mark{width:31px;height:31px}.links{top:62px}.hero{padding-top:125px}.hero h1,.page-hero h1{font-size:clamp(36px,10vw,48px)}.lead{font-size:16px}.section{padding:64px 16px}.compact{padding-top:22px}.section h2,.cta h2{font-size:clamp(30px,8vw,42px)}.grid.four{grid-template-columns:1fr}.card{min-height:0;padding:22px}.icon{margin-bottom:18px}.gallery{grid-template-columns:1fr;grid-auto-rows:230px}.gallery-item.tall{grid-row:span 1}.location-card,.address-card,.review-board,.form,.feature,.info{padding:21px;border-radius:20px}.map,.map iframe{min-height:230px}.actions{flex-direction:column;align-items:stretch}.actions .btn,.contact-info .btn{width:100%}.mobile-bar a{padding:12px 3px;font-size:9px;letter-spacing:.06em}footer{padding:30px 18px 90px}.lightbox{padding:12px}.lightbox img{max-width:100%;max-height:84vh}.branch-photos{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px}}
@media(max-width:360px){.brand{font-size:10px}.hero h1,.page-hero h1{font-size:35px}.mobile-bar a{font-size:8px}.rating strong,.big-rating strong{font-size:56px}.chips span{font-size:11px}}
body:not(.admin-body){--site-background-image:url("hostel-background.jpeg");background-image:linear-gradient(rgba(7,15,20,.72),rgba(7,15,20,.82)),var(--site-background-image)}
.background-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);align-items:center;gap:16px;margin-top:20px;padding:24px}
.background-settings h3{margin:0 0 8px}
.background-settings .muted{margin:0 0 8px}
.background-preview{grid-column:2;grid-row:1 / span 3;width:100%;height:220px;object-fit:cover;border:1px solid rgba(213,186,131,.16);border-radius:18px}
.background-settings>.btn{width:max-content}
.background-settings .actions{margin:0}
@media(max-width:640px){.background-settings{grid-template-columns:1fr;padding:20px}.background-preview{grid-column:1;grid-row:auto;height:190px}.background-settings>.btn{width:100%}.background-settings .actions{flex-direction:column;align-items:stretch}.background-settings .actions .btn{width:100%}}
@media(max-width:800px){.hero.section{padding-top:145px}.page-hero.section{padding-top:135px}.nav{position:relative}.links{top:calc(100% + 8px);left:0;right:0;background:rgba(8,11,16,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.status{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.status-indicator{flex:none}.status>.status-label,.status>[data-site-hours]{display:inline;width:auto;height:auto;border-radius:0;background:none;margin:0}}
@media(max-width:560px){.hero.section{padding-top:125px}.page-hero.section{padding-top:125px}.mobile-bar{padding-bottom:env(safe-area-inset-bottom)}.mobile-bar a{min-height:44px;display:grid;place-items:center}}
.status{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.status .status-indicator{flex:none}.status .status-label,.status>[data-site-hours]{display:inline;width:auto;height:auto;border-radius:0;background:none;margin:0}