:root { --brand:#0d6efd; --ink:#0b1320; }
html,body { height:100%; }
body { color:var(--ink); }
.navbar-brand { letter-spacing:.2px; }
.card-hover { transition:transform .15s ease, box-shadow .15s ease; }
.card-hover:hover { transform:translateY(-2px); box-shadow:0 8px 30px rgba(0,0,0,.08); }
.hero {
  background: radial-gradient(60% 80% at 50% 0%, rgba(13,110,253,.08), transparent),
              linear-gradient(180deg, rgba(13,110,253,.03), transparent);
  border:1px solid rgba(13,110,253,.08);
  border-radius:16px;
}



/* --- ElitePost polish --- */
:root{
  --ep-grad: linear-gradient(135deg,#111827 0%, #1f2937 35%, #0ea5e9 100%);
  --ep-card: #0b0f16;
  --ep-muted: #94a3b8;
  --ep-ring: rgba(14,165,233,.35);
}
.hero{
  background: var(--ep-grad);
  border-radius: 1.25rem;
  color: #e5e7eb;
  position: relative;
  overflow: hidden;
}
.hero::after{
  content:"";
  position:absolute; inset:-40% -20% auto auto;
  width: 55%; aspect-ratio: 1/1;
  background: radial-gradient(closest-side,#ffffff22,#0000 70%);
  filter: blur(40px);
  transform: rotate(12deg);
}
.form-control-lg{
  border-radius: .9rem;
  border: 1px solid #1f2937;
  background: #0b1220; color:#e5e7eb;
}
.form-control-lg:focus{
  box-shadow: 0 0 0 .25rem var(--ep-ring);
  border-color:#0ea5e9;
}
.btn-primary.btn-lg{
  border-radius:.9rem;
  box-shadow: 0 10px 18px -10px #0ea5e988;
}

.card{
  background: var(--ep-card);
  border: 1px solid #142034;
  border-radius: 1rem;
}
.card-hover{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card-hover:hover{
  transform: translateY(-4px);
  box-shadow: 0 14px 30px -16px #0ea5e988;
  border-color:#1f3a57;
}
.ep-meta{
  color: var(--ep-muted);
}
.ep-chip{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.25rem .6rem; border-radius:999px;
  background:#0e1626; color:#cbd5e1; border:1px solid #1f2a40;
  font-size:.75rem; line-height:1;
}
.ep-chip svg{width:.9rem; height:.9rem; opacity:.8}
.card .h5{ color:#e5e7eb }
.text-body{ color:#cbd5e1 }

.pagination .page-link{
  background:#0b1220; color:#cbd5e1; border-color:#1f2937;
}
.pagination .page-item.active .page-link{
  background:#0ea5e9; border-color:#0ea5e9; color:#0b1220; font-weight:600;
}
.pagination .page-link:hover{
  border-color:#1e40af;
}
a.text-decoration-none:hover .h5{
  text-decoration: underline;
  text-underline-offset: 3px;
}


 .city-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    border: 2px solid var(--primary, #3b82f6);
    color: var(--primary, #3b82f6);
    background: #fff;
    transition: all 0.25s ease-in-out;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  }
  .city-btn:hover {
    background: var(--primary, #3b82f6);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(59,130,246,0.4);
    text-decoration: none;
  }
  .city-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(59,130,246,0.3);
  }