:root{--hs-accent:#0ea5e9;--hs-accent-2:#22d3ee}
body{min-height:100vh}
.navbar-brand img{filter:drop-shadow(0 0 6px rgba(14,165,233,.25))}
.hero{background: radial-gradient(1200px 400px at -10% 0%, rgba(34,211,238,.08), transparent), radial-gradient(800px 300px at 110% 0%, rgba(14,165,233,.08), transparent)}
.hero-stick{height:64px;opacity:.8;filter:drop-shadow(0 0 12px rgba(34,211,238,.3))}
.card.h-listing{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)); border-color:rgba(255,255,255,.08)}
.card.h-listing:hover{border-color:rgba(255,255,255,.25); transform:translateY(-1px); transition:.15s}
.form-control,.form-select{background:#111;border-color:#333;color:#eee}
.form-control:focus,.form-select:focus{background:#0f0f10;color:#fff;border-color:#555;box-shadow:none}
.btn-primary{background:linear-gradient(90deg, var(--hs-accent), var(--hs-accent-2)); border:0}
.btn-outline-light{border-color:#666}
.price{font-weight:700}
a{color:#9ee3ff}
a:hover{color:#c7f3ff}
img.thumb{width:100%; height:180px; object-fit:cover; background:#0f0f10; border-bottom:1px solid rgba(255,255,255,.06)}
.gallery img{max-height:420px; object-fit:cover}
.badge-soft{background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.15)}
.empty{opacity:.7}