/* Header minimal sticky */
.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 14px;
  border-radius:22px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(10,20,40,.08);
  box-shadow: 0 10px 35px rgba(10,20,40,.08);
  backdrop-filter: blur(10px);
  position: sticky;
  top: 10px;
  z-index: 30;
}

.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
}

.brand .dot{
  width:12px;
  height:12px;
  border-radius:99px;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow: 0 0 0 4px rgba(73,179,255,.18);
}

.nav{
  display:flex;
  gap:10px;
  align-items:center;
}

.nav a{
  text-decoration:none;
  color:#0b1220;
  font-weight:700;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(10,20,40,.10);
  background: rgba(255,255,255,.6);
}

.nav a.primary{
  border-color: rgba(73,179,255,.35);
  background: linear-gradient(135deg, rgba(73,179,255,.18), rgba(124,92,255,.12));
}