:root{
  --brand:#0d6efd;
  --dark:#0b1b2b;
}

body{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

.navbar-brand span{
  color: var(--brand);
  font-weight: 800;
}

.hero{
  min-height: 70vh;
  background: linear-gradient(90deg, rgba(11,27,43,.75), rgba(11,27,43,.25)),
              url("https://images.unsplash.com/photo-1528127269322-539801943592?auto=format&fit=crop&w=1600&q=70") center/cover no-repeat;
  color:#fff;
  display:flex;
  align-items:center;
}

.hero .badge{
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.25);
  color:#fff;
}

.section-title{
  font-weight: 800;
  letter-spacing: .2px;
}

.card-img-top{
  height: 210px;
  object-fit: cover;
}

.icon-pill{
  width: 44px; height: 44px;
  display:grid; place-items:center;
  border-radius: 999px;
  background: rgba(13,110,253,.12);
  color: var(--brand);
}

.price{
  font-weight: 800;
  font-size: 1.15rem;
}

.footer{
  background: var(--dark);
  color: rgba(255,255,255,.8);
}
.footer a{ color: rgba(255,255,255,.85); text-decoration:none; }
.footer a:hover{ text-decoration: underline; }

.page-header{
  padding: 56px 0;
  background: linear-gradient(90deg, rgba(11,27,43,.85), rgba(11,27,43,.45)),
              url("https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=1600&q=70") center/cover no-repeat;
  color:#fff;
}

.form-control:focus, .form-select:focus{
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);
}

.small-muted{ color:#6c757d; font-size:.92rem; }