.tabs{display:flex; gap:8px; margin-bottom:10px; flex-wrap:wrap}
.tab{
  padding:8px 14px; border-radius:999px; border:1px solid rgba(140,170,255,.45);
  background:linear-gradient(180deg, rgba(18,24,40,.75), rgba(8,10,18,.75));
  color:#d7e6ff; font-weight:600; letter-spacing:.2px; cursor:pointer;
  transition:.12s ease; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.tab:hover{transform:translateY(-1px); box-shadow:0 6px 22px rgba(120,175,255,.25), inset 0 0 0 1px rgba(255,255,255,.1)}
.tab.active{border-color:#a7d6ff; color:#eef7ff; box-shadow:0 8px 24px rgba(120,175,255,.35), inset 0 0 0 1px rgba(255,255,255,.14)}