:root{color:#ecfeff;background:#020617;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#0f172a,#020617 55%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.card-link{display:block}.app-shell{min-height:100vh}.container{width:min(1120px,92%);margin:0 auto}.nav{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.nav-links{align-items:center;gap:1rem;display:flex}.previous-wrap{margin-top:.2rem}.previous-btn{padding-inline:.9rem}.btn{cursor:pointer;border:none;border-radius:999px;padding:.6rem 1rem;font-weight:600}.btn-primary{color:#001b1f;background:linear-gradient(120deg,#10b981,#06b6d4)}.btn-ghost{color:#f8fafc;background:#ffffff1a}.hero{padding:3rem 0 2rem}.hero h1{margin:0;font-size:clamp(2rem,7vw,4rem)}.hero p{color:#cbd5e1;max-width:42rem}.search-wrap{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.search-input{color:#f8fafc;background:#020617b3;border:1px solid #94a3b873;border-radius:10px;flex:1;min-width:250px;padding:.72rem .85rem}.hostel-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding-bottom:3rem;display:grid}.card{width:100%;max-width:300px;margin:0 auto}.fav-btn{width:100%;margin-top:.6rem}.card h3{margin:.8rem 0 .3rem}.card-image{object-fit:cover;border-radius:12px;width:100%;height:165px}.card-location{color:#cbd5e1;margin:.2rem 0 .45rem}.rating-row{color:#cbd5e1;align-items:center;gap:.45rem;margin:.2rem 0 .45rem;display:flex}.stars{color:#fbbf24}.price{color:#34d399;font-weight:700}.form-wrap{background:#0f172ad9;border:1px solid #94a3b840;border-radius:16px;width:min(420px,92%);margin:2rem auto;padding:1rem}.form-wrap input{color:#f8fafc;background:#020617b3;border:1px solid #94a3b873;border-radius:10px;width:100%;margin:.35rem 0 .8rem;padding:.7rem .8rem}.details-page{padding:1.5rem 0 3rem}.details-hero{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:1rem;display:grid}.details-hero img{object-fit:cover;border-radius:14px;width:100%;height:320px}.details-section{margin-top:1.5rem}.photo-slider{background:#0f172a99;border:1px solid #94a3b84d;border-radius:14px;margin-bottom:.8rem;padding:.8rem;position:relative}.photo-main{object-fit:cover;border-radius:10px;width:100%;height:360px}.slider-overlay{color:#f8fafc;cursor:pointer;background:#020617a6;border:1px solid #ffffff59;border-radius:999px;place-items:center;width:42px;height:42px;font-size:1.7rem;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.slider-left{left:1.2rem}.slider-right{right:1.2rem}.slider-indicator{color:#e2e8f0;background:#0206179e;border:1px solid #94a3b873;border-radius:999px;padding:.25rem .55rem;font-weight:600;position:absolute;bottom:1.2rem;right:1.2rem}.rooms-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.room-card{background:#0f172ad9;border:1px solid #94a3b84d;border-radius:12px;padding:.9rem}.room-card h3{margin-top:0}.amenities-wrap{flex-wrap:wrap;gap:.6rem;display:flex}.amenity-pill{color:#67e8f9;background:#06b6d426;border:1px solid #06b6d466;border-radius:999px;padding:.35rem .7rem}