/* Bottom Navigation */
.bottom-nav{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  background:#0f1a33;
  border-top:1px solid #1f2c4a;
  padding:10px 12px;
  display:flex;
  justify-content:space-around;
  gap:10px;
  z-index: 999;
}
.bottom-nav a{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid transparent;
  color:#cfd7ea;
  font-size:12px;
  min-width:72px;
}
.bottom-nav a .dot{
  width:8px;height:8px;border-radius:50%;
  background:#2a3a60;
}
.bottom-nav a.active{
  background:#0b1220;
  border-color:#2a3a60;
  color:#ffffff;
}
.bottom-nav a.active .dot{ background:#2f6fed; }

/* Make space for fixed bottom nav */
.has-bottom-nav{
  padding-bottom: 88px;
}