@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--bg-color: #1f1f1f;--text-color: #E0E0E0;--card-bg-color: #2a2a2a;--border-color: #444;--primary-gold: #ffd700;--secondary-gold: #ffc400;--surface-color: #2C2C2C;--text-color-light: #b0b0b0}body.light-mode{--bg-color: #F5F5F5;--text-color: #333333;--card-bg-color: #FFFFFF;--border-color: #E0E0E0;--primary-gold: #B8860B;--secondary-gold: #DAA520;--surface-color: #FFFFFF;--text-color-light: #555}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background .3s ease,color .3s ease;margin:0}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes floatParticles{0%{transform:translate(-50%) translateY(0) rotate(0)}50%{transform:translate(-50%) translateY(20px) rotate(15deg)}to{transform:translate(-50%) translateY(0) rotate(0)}}@keyframes waveMove{0%{transform:translate(0) rotate(0)}50%{transform:translate(15px,10px) rotate(10deg)}to{transform:translate(0) rotate(0)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cta-button{display:inline-block;margin-top:2.5rem;background:linear-gradient(90deg,var(--secondary-gold),var(--primary-gold));color:#1a1a1a;padding:1rem 2.2rem;text-decoration:none;border-radius:10px;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;box-shadow:0 4px 20px #ffd70040;transition:background .3s ease,transform .2s ease,box-shadow .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 25px #ffd70066}main{flex:1}section{padding:4rem 0}section h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;text-align:center;background:linear-gradient(270deg,var(--primary-gold),var(--secondary-gold),var(--primary-gold));background-size:600% 600%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite}@media(max-width:768px){section{padding:3rem 1rem}}.card-nav-container{position:absolute;top:2em;left:50%;transform:translate(-50%);width:90%;max-width:800px;z-index:99;box-sizing:border-box}.card-nav{display:block;height:60px;padding:0;background-color:#1a1a1a;border:.5px solid rgba(255,255,255,.1);border-radius:.75rem;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden;will-change:height;animation:shine-border 2.5s linear infinite}.card-nav-top{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:.5rem .45rem .55rem 1.1rem;z-index:2}.hamburger-menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:6px}.hamburger-menu:hover .hamburger-line{opacity:.75}.hamburger-line{width:30px;height:2px;background-color:#fff;transition:transform .25s ease,opacity .2s ease,margin .3s ease;transform-origin:50% 50%}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4px) rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4px) rotate(-45deg)}.logo-container{display:flex;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.logo-link{text-decoration:none;display:flex;align-items:center}.logo-text{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.5px}.logo{height:28px}.card-nav-cta-button{background-color:#111;color:#fff;border:none;border-radius:.4rem;padding:0 1rem;height:100%;font-weight:500;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;text-decoration:none}.card-nav-cta-button:hover{background-color:#333}.card-nav-content{position:absolute;inset:60px 0 0;padding:.5rem;display:flex;align-items:flex-end;gap:12px;visibility:hidden;pointer-events:none;z-index:1}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.nav-card{height:100%;flex:1 1 0;min-width:0;border-radius:.55rem;position:relative;display:flex;flex-direction:column;padding:12px 16px;gap:8px;-webkit-user-select:none;user-select:none}.nav-card-label{font-weight:400;font-size:22px;letter-spacing:-.5px}.nav-card-links{margin-top:auto;display:flex;flex-direction:column;gap:2px}.nav-card-link{font-size:16px;cursor:pointer;text-decoration:none;color:inherit;transition:opacity .3s ease;display:inline-flex;align-items:center;gap:6px}.nav-card-link:hover{opacity:.75}@media(max-width:768px){.card-nav-container{width:90%;top:1.2em}.card-nav-top{padding:.5rem 1rem;justify-content:space-between}.hamburger-menu{order:2}.logo-container{position:static;transform:none;order:1}.card-nav-cta-button{display:none}.card-nav-content{flex-direction:column;align-items:stretch;gap:8px;padding:.5rem;bottom:0;justify-content:flex-start}.nav-card{height:auto;min-height:60px;flex:1 1 auto;max-height:none}.nav-card-label{font-size:18px}.nav-card-link{font-size:15px}button,.card-nav-cta-button,.nav-card-link,.hamburger-menu{-webkit-tap-highlight-color:transparent;outline:none}a:active,a:focus{-webkit-tap-highlight-color:transparent;outline:none}}.dither-container{width:100%;height:100%;position:absolute;top:0;left:0}.card-swap-container{position:absolute;bottom:0;right:0;transform:translate(5%,20%);transform-origin:bottom right;perspective:900px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:12px;border:1px solid #fff;background:#000;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(max-width:768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}}@media(max-width:480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}.quote-marquee{width:100%;background:#ffd500;color:#111;font-family:Playfair Display,serif;font-size:1.85rem;font-weight:400;overflow:hidden;padding:.38rem 0;border-top:2px solid #222;border-bottom:2px solid #222;position:relative;z-index:20;box-sizing:border-box}.quote-marquee-track{display:flex;width:max-content;min-width:100vw;animation:marquee-continuous 32s linear infinite;will-change:transform}.quote-marquee-seq{display:flex;white-space:nowrap}.quote-marquee .diamond{font-size:1.7rem;margin:0 .9rem}@keyframes marquee-continuous{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@font-face{font-family:TacticSans;src:url(/assets/TacticSans-Reg-Sc_lQkdI.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:BrotherHoops;src:url(/assets/The%20Brother%20Hoops-C6N8ZNSP.ttf) format("truetype");font-weight:400;font-style:normal}.page-dither{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}.hero{position:relative;padding:8rem 2rem 6rem;text-align:center;z-index:10}.hero h1{font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:1rem;color:#fff;position:relative;font-family:TacticSans,sans-serif}.hero p{font-size:1.2rem;max-width:720px;margin:auto;color:#fff;position:relative}.hero .cta-button{position:relative;z-index:10}.hero .number-one{font-family:TacticSans,sans-serif;color:var(--accent);font-size:4rem;font-weight:900;display:inline-block;vertical-align:middle}.hero-pill{display:inline-block;background:#ffd70040;color:#d3d3d3;padding:.5rem 1.2rem;border-radius:50px;font-weight:700;font-size:1rem;box-shadow:0 2px 10px #ffd7001f;margin:0 .2rem;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);border:1px solid rgba(255,215,0,.35)}.how-it-works-section{padding:5rem 2rem;text-align:center;position:relative;z-index:10;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.how-it-works-section h2{font-size:3.5rem;margin-bottom:3rem;color:#fff;font-family:BrotherHoops,cursive;font-weight:900;letter-spacing:.5px}.rating-guide-section{padding:5rem 2rem;text-align:center;position:relative;z-index:10;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rating-guide-heading{font-size:3.5rem;font-weight:900;font-family:BrotherHoops,cursive;color:#fff;margin-bottom:.75rem;letter-spacing:.5px}.rating-guide-sub{color:#aaa;font-size:1.1rem;margin-bottom:3rem}.rating-guide-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:800px;margin:0 auto}.rating-guide-item{display:flex;flex-direction:column;align-items:center;gap:.6rem}.rating-swatch{width:64px;height:64px;border-radius:14px;border:2.5px solid transparent}.swatch-green{background:#4caf5026;border-color:#4caf50;box-shadow:0 4px 18px #4caf5080,0 0 8px #4caf5040}.swatch-yellow{background:#ffc10726;border-color:#ffc107;box-shadow:0 4px 18px #ffc10780,0 0 8px #ffc10740}.swatch-orange{background:#ff980026;border-color:#ff9800;box-shadow:0 4px 18px #ff980080,0 0 8px #ff980040}.swatch-red{background:#f4433626;border-color:#f44336;box-shadow:0 4px 18px #f4433680,0 0 8px #f4433640}.rating-guide-label{font-size:1rem;font-weight:700;color:#fff}.rating-guide-desc{font-size:.85rem;color:#888}.faq-section{padding:5rem 2rem;position:relative;z-index:10;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-section h2{color:#fff;font-size:3.5rem;margin-bottom:3rem;font-family:BrotherHoops,cursive;font-weight:900;letter-spacing:.5px}.steps-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:1100px;margin:0 auto}.step-card{background:#1e1e1ecc;padding:2rem;border-radius:12px;width:280px;text-align:center;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10}.step-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #ffd70033}.step-card .step-number{font-size:2rem;font-weight:800;color:var(--primary-gold);margin-bottom:1rem}.step-card h3{margin-bottom:1rem;font-size:1.3rem;color:#fff}.step-card p{color:#fff;line-height:1.6}.faq-accordion{max-width:800px;margin:3rem auto}.faq-accordion-item{background-color:#1e1e1ecc;margin-bottom:1rem;border-radius:8px;border:1px solid var(--border-color);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10}.faq-accordion-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;font-size:1.2rem;font-weight:600;-webkit-user-select:none;user-select:none;color:#fff}.faq-accordion-question:after{content:"+";font-size:2rem;transition:transform .3s ease}.faq-accordion-item.active .faq-accordion-question:after{transform:rotate(45deg)}.faq-accordion-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1.5rem}.faq-accordion-item.active .faq-accordion-answer{max-height:300px;padding:0 1.5rem 1.5rem}.faq-accordion-answer p{color:#fff;line-height:1.6}.faq-accordion-answer a{color:var(--primary-gold);text-decoration:none}.faq-accordion-answer a:hover{text-decoration:underline}.home-footer{text-align:center;margin-top:4rem;padding:3rem 1rem;background-color:#1e1e1ecc;color:#888;position:relative;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-footer a{color:var(--secondary-gold);text-decoration:none}.home-footer a:hover{color:var(--primary-gold)}.home-footer-gradient{width:100%;background:linear-gradient(180deg,#232323,#bfa100);color:#fff;padding:3rem 0 2rem;margin-top:4rem;border-top:none;box-shadow:none}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 auto;padding:0 2rem}.footer-left{flex:1}.footer-links{list-style:none;padding:0;margin:2rem 0 1rem}.footer-links li{margin-bottom:.7rem;font-size:1.1rem;font-weight:600}.footer-links a{color:#fff;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-social{margin-top:2rem}.footer-right{flex:1;text-align:right}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.steps-container{flex-direction:column;align-items:center}.step-card{width:100%;max-width:400px}}@media(max-width:900px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-right{text-align:center;margin-top:2rem}}body,#root{min-height:100vh;display:flex;flex-direction:column}#root>*{flex-shrink:0}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05)}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}:root{--bg-dark: #1A1A1A;--surface: #1F3A4B;--primary: #FFBF00;--primary-dark: #DAA520;--accent: #FFD700;--text-light: #E0E0E0;--card-bg: #2C2C2C;--input-bg: #222222;--border-color: #444444;--gold: #d4af37;--gold-light: #f5e6a1;--text-muted: #c5c5c5}.page-dither{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;filter:blur(10px) saturate(1.2);transform:scale(1.03);pointer-events:none}.mobile-filter-toggle,.filter-overlay{display:none}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filters-header h2{margin:0;padding:0;border:none}.close-filters{display:none;background:none;border:none;color:var(--accent);cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .3s ease}.close-filters:hover{background-color:#ffd7001a}.page-container{display:flex;gap:2rem;max-width:1400px;margin:2rem auto;padding:0 2rem;align-items:flex-start;position:relative;z-index:10;background:#0000004d;border-radius:24px;box-shadow:0 8px 32px #0000001f}.filters{position:sticky;top:90px;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);padding:2rem;border-radius:16px;width:280px;flex-shrink:0;box-shadow:0 8px 24px #0006,0 0 0 1px #ffd7001a,inset 0 1px #ffffff0d}.filters h2{font-size:1.3rem;font-weight:700;color:var(--accent);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,215,0,.2)}.filters .filter-group{margin-bottom:1.5rem}.filters label{display:block;font-size:.85rem;margin-bottom:.5rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.filters input,.filters select{width:100%;padding:.7rem .9rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-light);font-size:.9rem;transition:all .3s ease}.filters input:focus,.filters select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffd7001a}.main-content{flex:1;min-width:0;background:transparent;border-radius:24px;box-shadow:none;padding:2rem 1.5rem}.hostel-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.hostel-card{background:#1e1e1ecc;color:var(--text-light);border-radius:16px;overflow:hidden;transition:all .3s ease;position:relative;border:1px solid var(--border-color);box-shadow:0 2px 10px #ffd7001f}.hostel-card.rating-border-green{border:2px solid #4caf50;box-shadow:0 2px 16px #4caf5073,0 0 8px #4caf5033}.hostel-card.rating-border-yellow{border:2px solid #ffc107;box-shadow:0 2px 16px #ffc10773,0 0 8px #ffc10733}.hostel-card.rating-border-orange{border:2px solid #ff9800;box-shadow:0 2px 16px #ff980073,0 0 8px #ff980033}.hostel-card.rating-border-red{border:2px solid #f44336;box-shadow:0 2px 16px #f4433673,0 0 8px #f4433633}.hostel-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffd7000d,#ffbf0005);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.card-spotlight.hostel-card{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);box-shadow:0 8px 24px #0006,0 0 0 1px #ffd7001a,inset 0 1px #ffffff0d;padding:0}.card-spotlight.hostel-card:hover{box-shadow:0 16px 48px #0009,0 0 0 1px #ffd7004d,0 0 32px #ffd70026,inset 0 1px #ffffff1a;transform:translateY(-4px)}.hostel-card-image-wrapper{position:relative;overflow:hidden;background:#000;height:220px}.hostel-card-image-wrapper .stack-container{width:100%;height:100%;position:relative;z-index:1}.hostel-card-image-wrapper .card{border-radius:0}.hostel-card-image-wrapper .card-image{width:100%;height:220px;object-fit:cover;display:block;border-radius:0}.hostel-card-image-wrapper:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000,#0003,#000000b3);pointer-events:none;z-index:2}.hostel-card img{width:100%;height:220px;object-fit:cover;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);display:block}.hostel-card:hover img{transform:scale(1.1)}.image-placeholder{height:220px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);color:#666;font-size:.9rem;font-weight:600;text-align:center;line-height:1.5}.hostel-card-content{padding:1.5rem;position:relative;z-index:2}.hostel-card h3{color:var(--gold-light);margin-bottom:.6rem;font-size:1.3rem;font-weight:700;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hostel-card-meta{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;flex-wrap:wrap}.rating-stars{font-size:1rem;color:var(--accent);letter-spacing:1px;text-shadow:0 0 8px rgba(255,215,0,.4)}.hostel-card .gender{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;padding:.35rem .75rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.1)}.gender.male{background:linear-gradient(135deg,#3b4b52e6,#3b4b52b3);color:gold;box-shadow:0 2px 8px #3b4b5266}.gender.female{background:linear-gradient(135deg,#4b3b52e6,#4b3b52b3);color:#ffbf00;box-shadow:0 2px 8px #4b3b5266}.gender.unisex{background:linear-gradient(135deg,#1f3a4be6,#1f3a4bb3);color:#ffe680;box-shadow:0 2px 8px #1f3a4b66}.amenities{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem;margin-bottom:.4rem}.amenities span{background:linear-gradient(135deg,#1f3a4b99,#1f3a4b66);color:var(--accent);font-size:.7rem;padding:.4rem .8rem;border-radius:20px;border:1px solid rgba(255,215,0,.2);font-weight:600;text-transform:capitalize;transition:all .3s ease}.amenities span:hover{background:linear-gradient(135deg,#1f3a4bcc,#1f3a4b99);border-color:#ffd70066;transform:translateY(-2px);box-shadow:0 2px 8px #ffd70033}.hostel-card .view-button{display:inline-flex;align-items:center;justify-content:center;margin-top:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#000;padding:.75rem 1.5rem;border-radius:10px;text-decoration:none;font-weight:700;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 12px #ffbf004d,inset 0 1px #ffffff4d;border:1px solid rgba(255,215,0,.4);text-transform:uppercase;letter-spacing:.5px}.hostel-card .view-button:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);box-shadow:0 6px 20px #ffd70080,inset 0 1px #fff6;transform:translateY(-2px);border-color:#ffd70099}.loading,.no-results{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:1.2rem;grid-column:1 / -1}.browse-footer{text-align:center;padding:3rem 0 2rem;margin-top:4rem;border-top:1px solid rgba(255,215,0,.1);color:#999}.loader{width:50px;aspect-ratio:1;color:var(--accent);border:2px solid;box-sizing:border-box;--c:radial-gradient(farthest-side,#0000 calc(100% - 3px) ,currentColor calc(100% - 2px) 98%,#0000);background:var(--c),var(--c);background-size:23px 23px;background-position:0 0,12px 12px;animation:l4 1s infinite}@keyframes l4{to{background-position:-23px 0px,12px 35px}}@media(max-width:1024px){.page-container{flex-direction:column;padding:0 1.5rem}.filters{position:static;width:100%;max-width:100%}.hostel-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}}@media(max-width:768px){.filter-overlay{display:block;position:fixed;inset:0;background:#0009;z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-filter-toggle{display:flex;align-items:center;gap:.5rem;position:fixed;top:auto;bottom:1rem;right:1rem;z-index:100;background:linear-gradient(135deg,var(--accent),var(--primary));color:#000;border:none;padding:.75rem 1.25rem;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 4px 12px #ffd7004d,0 2px 6px #0003;transition:all .3s ease;animation:slideInFromRight .4s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.mobile-filter-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffd70066,0 3px 8px #0000004d}.mobile-filter-toggle:active{transform:translateY(0)}.close-filters{display:block}.filters{position:fixed;top:0;left:0;width:min(88vw,340px);max-width:340px;height:100vh;z-index:200;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:none}.filters-open{transform:translate(0);box-shadow:4px 0 24px #00000080}.page-container{margin:.75rem auto;padding:0 .65rem;gap:1rem;border-radius:18px}.filters{padding:1rem 1rem 1.25rem}.filters-header{position:sticky;top:-1rem;background:inherit;padding:1rem 0 .75rem;z-index:1}.hostel-grid{grid-template-columns:1fr;gap:1.25rem}.main-content{padding:.9rem .7rem 1.1rem;border-radius:18px}.hostel-card-content{padding:.95rem}.hostel-card-image-wrapper,.hostel-card-image-wrapper .card-image,.hostel-card img{height:180px}.hostel-card h3{font-size:1.2rem}.filters label{font-size:.78rem}.filters input,.filters select{font-size:16px;padding:.7rem .8rem}.amenities span{font-size:.68rem;padding:.35rem .65rem}.hostel-card .view-button{width:100%;margin-top:.9rem;padding:.7rem 1rem}.loading,.no-results{padding:2.5rem 1rem;font-size:1rem}.browse-footer{padding:2rem 0 1.25rem;margin-top:2rem;font-size:.9rem}}@media(max-width:480px){.mobile-filter-toggle{right:.75rem;bottom:.75rem;padding:.65rem 1rem;font-size:.85rem}.page-container{padding:0 .4rem}.main-content{padding:.7rem .6rem .95rem}.hostel-card-image-wrapper,.hostel-card-image-wrapper .card-image,.hostel-card img{height:165px}.hostel-card h3{font-size:1.1rem}}:root{--bg-dark: #1A1A1A;--surface: #1F3A4B;--primary: #FFBF00;--primary-dark: #DAA520;--accent: #FFD700;--text-light: #E0E0E0;--card-bg: #2C2C2C;--input-bg: #222222;--border-color: #444444;--link-color: #FFBF00;--hover-glow: rgba(255, 215, 0, .6)}.container{max-width:860px;margin:2rem auto;background:var(--surface);padding:2rem;border-radius:14px;box-shadow:0 0 20px #ffd70033}.container h1{font-size:2rem;margin-bottom:.5rem;color:var(--accent)}.info p{margin:.3rem 0;color:var(--text-light)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.5rem}.gallery a{position:relative;display:block;overflow:hidden}.gallery a:after{content:"";position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%);background-image:url(/assets/images/icons/koodaram_transparent.png);background-size:contain;background-repeat:no-repeat;opacity:.5;pointer-events:none}.gallery img{width:100%;border-radius:10px;height:180px;object-fit:cover;transition:transform .3s ease;box-shadow:0 0 10px #ffd70026}.gallery img:hover{transform:scale(1.03);box-shadow:0 0 16px var(--hover-glow)}.contact-buttons{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.contact-buttons a{display:inline-block;padding:.8rem 1.2rem;border-radius:6px;background:var(--primary-dark);color:#1a1a1a;text-align:center;font-weight:600;transition:background .3s ease,box-shadow .3s ease;box-shadow:0 0 10px #ffd70033;text-decoration:none}.contact-buttons a:hover{background:var(--accent);box-shadow:0 0 16px var(--hover-glow)}.map-container{margin-top:1.8rem;border-radius:10px;overflow:hidden;box-shadow:0 0 12px #ffd70033}.map-container iframe{width:100%;height:350px;border:none}.hostel-footer{margin-top:4rem;font-size:.9rem;color:#777;text-align:center;padding:2rem 0;border-top:1px solid #333}.hostel-footer a{color:var(--link-color);text-decoration:none}.hostel-footer a:hover{text-decoration:underline;color:var(--accent)}@media(max-width:768px){.container{margin:1rem;padding:1.5rem}.gallery{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.contact-buttons{grid-template-columns:1fr}}:root{--bg-dark: #0f0f0f;--surface: #1a1a1a;--primary: #ffd700;--accent: #ffbf00;--text-light: #e6e6e6;--shimmer1: #ffd700;--shimmer2: #ffcc33;--shimmer3: #fff4b0}.list-hostel-page{min-height:calc(100vh - 80px);background:radial-gradient(circle at top,#1a1a1a,#0f0f0f 60%);color:var(--text-light);display:flex;flex-direction:column;align-items:center;padding:2rem}.list-header{text-align:center;margin-bottom:2.5rem;animation:fadeIn 1.2s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.list-header h1{font-size:2.8rem;background:linear-gradient(90deg,var(--shimmer1),var(--shimmer2),var(--shimmer3),var(--shimmer2),var(--shimmer1));background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite;letter-spacing:1px;font-weight:800;margin-bottom:1rem}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.list-header p{font-size:1.1rem;color:#ccc;max-width:640px;margin:1rem auto 0;line-height:1.6}.content{background:#1e1e1ecc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,215,0,.15);border-radius:18px;padding:2.5rem;max-width:780px;width:100%;box-shadow:0 0 30px #ffd7001a;animation:fadeInUp 1.2s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content h2{font-size:1.5rem;color:var(--accent);margin-bottom:.8rem;margin-top:1.5rem}.content h2:first-child{margin-top:0}.content p{line-height:1.7;margin-bottom:1.2rem;color:#d5d5d5}.content ul{margin-left:1.2rem;margin-bottom:1.5rem}.content ul li{margin-bottom:.8rem;line-height:1.7;color:#d5d5d5}.content ul li::marker{color:var(--primary)}.content a{color:var(--accent);text-decoration:none}.content a:hover{text-decoration:underline}.discord-button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;background:linear-gradient(90deg,#ffbf00,gold);color:#000;padding:1.2rem 2.5rem;border-radius:12px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 20px #ffd7004d;transition:transform .2s ease,box-shadow .3s ease;margin-top:1.5rem;white-space:nowrap;border:none;cursor:pointer}.discord-button:hover{transform:translateY(-2px);box-shadow:0 0 30px #ffd70066;color:#000}.list-footer{font-size:.9rem;color:#777;text-align:center;margin-top:3rem;padding:1rem}.list-footer a{color:var(--primary);text-decoration:none}.list-footer a:hover{text-decoration:underline}@media(max-width:600px){.content{padding:1.5rem}.list-header h1{font-size:2rem}.content h2{font-size:1.2rem}}.about-page{min-height:calc(100vh - 80px);background:var(--bg-color);padding:4rem 2rem}.about-content{max-width:800px;margin:0 auto;background:var(--card-bg-color);padding:3rem;border-radius:16px;box-shadow:0 8px 24px #0000004d;border:1px solid var(--border-color)}.about-content h1{font-size:2.5rem;font-weight:800;margin-bottom:2rem;text-align:center;background:linear-gradient(270deg,var(--primary-gold),var(--secondary-gold),var(--primary-gold));background-size:600% 600%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite}.about-content section{margin-bottom:2rem}.about-content h2{font-size:1.5rem;font-weight:700;color:var(--primary-gold);margin-bottom:1rem}.about-content p{line-height:1.8;color:var(--text-color-light);margin-bottom:1rem}.about-content ul{margin-left:1.5rem;margin-bottom:1rem}.about-content ul li{margin-bottom:.8rem;line-height:1.7;color:var(--text-color-light)}.about-content ul li::marker{color:var(--secondary-gold)}.cta-section{display:flex;gap:1rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.about-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center;color:#888}.about-footer a{color:var(--secondary-gold);text-decoration:none}.about-footer a:hover{color:var(--primary-gold);text-decoration:underline}@media(max-width:768px){.about-content{padding:2rem 1.5rem}.about-content h1{font-size:2rem}.about-content h2{font-size:1.3rem}.cta-section{flex-direction:column}.cta-section .cta-button{width:100%}}.terms-page{min-height:calc(100vh - 80px);background:var(--bg-color);padding:4rem 2rem}.terms-content{max-width:900px;margin:0 auto;background:var(--card-bg-color);padding:3rem;border-radius:16px;box-shadow:0 8px 24px #0000004d;border:1px solid var(--border-color)}.terms-content h1{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;text-align:center;background:linear-gradient(270deg,var(--primary-gold),var(--secondary-gold),var(--primary-gold));background-size:600% 600%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite}.terms-content h2{font-size:1.4rem;font-weight:700;color:var(--primary-gold);margin-top:2rem;margin-bottom:1rem}.terms-content p{line-height:1.8;color:var(--text-color-light);margin-bottom:1rem}.terms-content ul{margin-left:2rem;margin-bottom:1rem;color:var(--text-color-light)}.terms-content ul li{margin-bottom:.5rem;line-height:1.7}.terms-content strong{color:var(--primary-gold)}.terms-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-color-light)}.terms-footer p{margin:.5rem 0}.terms-footer a{color:var(--primary-gold);text-decoration:none;font-weight:600;transition:color .3s ease}.terms-footer a:hover{color:var(--secondary-gold);text-decoration:underline}@media(max-width:768px){.terms-page{padding:2rem 1rem}.terms-content{padding:2rem 1.5rem}.terms-content h1{font-size:1.8rem}.terms-content h2{font-size:1.2rem}.terms-content ul{margin-left:1.5rem}}.privacy-page{min-height:calc(100vh - 80px);background:var(--bg-color);padding:4rem 2rem}.privacy-content{max-width:900px;margin:0 auto;background:var(--card-bg-color);padding:3rem;border-radius:16px;box-shadow:0 8px 24px #0000004d;border:1px solid var(--border-color)}.privacy-content h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-align:center;background:linear-gradient(270deg,var(--primary-gold),var(--secondary-gold),var(--primary-gold));background-size:600% 600%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite}.privacy-content .subtitle{text-align:center;font-size:1.1rem;color:var(--text-color-light);font-style:italic;margin-bottom:1.5rem;opacity:.8}.tldr-box{background:#ffbf001a;border-left:4px solid var(--primary-gold);padding:1.5rem;margin:2rem 0;border-radius:8px}.tldr-box h3{color:var(--primary-gold);margin-top:0;margin-bottom:.5rem;font-size:1.3rem}.tldr-box p{margin-bottom:0;line-height:1.7}.privacy-content h2{font-size:1.4rem;font-weight:700;color:var(--primary-gold);margin-top:2.5rem;margin-bottom:1rem}.privacy-content p{line-height:1.8;color:var(--text-color-light);margin-bottom:1rem}.privacy-content ul{margin-left:2rem;margin-bottom:1rem;color:var(--text-color-light)}.privacy-content ul li{margin-bottom:.5rem;line-height:1.7}.privacy-content strong{color:var(--primary-gold);font-weight:600}.privacy-content a{color:var(--primary-gold);text-decoration:underline;transition:color .3s ease}.privacy-content a:hover{color:var(--secondary-gold)}.final-note{background:#ffbf000d;border:2px solid var(--primary-gold);padding:2rem;margin:3rem 0 2rem;border-radius:12px;text-align:center}.final-note p{margin-bottom:.5rem}.final-note p:last-child{font-size:1.1rem;margin-top:1rem}.privacy-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-color-light)}.privacy-footer p{margin:0}.privacy-footer a{color:var(--primary-gold);text-decoration:none;font-weight:600;transition:color .3s ease}.privacy-footer a:hover{color:var(--secondary-gold);text-decoration:underline}@media(max-width:768px){.privacy-page{padding:2rem 1rem}.privacy-content{padding:2rem 1.5rem}.privacy-content h1{font-size:1.8rem}.privacy-content h2{font-size:1.2rem}.privacy-content ul{margin-left:1.5rem}.tldr-box,.final-note{padding:1.25rem}}.datasheet-container{max-width:900px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;padding:32px 24px;font-family:Fira Mono,Consolas,monospace}.datasheet-container h1{text-align:center;margin-bottom:24px;font-size:2rem;color:#2d3748;letter-spacing:1px}.datasheet-summary{background:#f7fafc;border-radius:8px;padding:20px 18px 10px;margin-bottom:32px;color:#222;font-size:1.08rem}.datasheet-summary ul{list-style:none;padding:0;margin:0 0 10px}.datasheet-summary li{margin-bottom:6px}.datasheet-export{font-size:.98rem;color:#4a5568;margin-top:10px}.datasheet-export span{font-family:Fira Mono,Consolas,monospace;font-size:.97rem;color:#888}.datasheet-table-wrapper{overflow-x:auto;margin-top:18px}.datasheet-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;overflow:hidden;font-size:1.08rem;box-shadow:0 2px 12px #00000014}.datasheet-table th,.datasheet-table td{border:1px solid #222;padding:12px 16px;text-align:left}.datasheet-table th{background:#222;color:#ffd600;font-weight:700;letter-spacing:.5px;font-size:1.1em}.datasheet-table td{color:#222;background:#fff}.datasheet-table tr:nth-child(2n) td{background:#f7f7f7}.datasheet-table tr.datasheet-total td{background:#ffd600;color:#222;font-weight:700;font-size:1.08em}footer{text-align:center;margin-top:6rem;font-size:1rem;color:#888;padding:3rem 1rem;background-color:var(--card-bg-color)}footer a{color:var(--secondary-gold);text-decoration:none;transition:color .2s ease}footer a:hover{text-decoration:none;color:var(--primary-gold)}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;padding-top:6rem}