.lux-header{
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:1000;
  width:min(1180px,92%);
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-radius:24px;
  background:rgba(15,23,42,.72);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 10px 35px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.04);
  transition:.35s ease;
}

.lux-header.scrolled{
  top:10px;
  padding:10px 16px;
  background:rgba(15,23,42,.84);
}

.lux-brand{
  display:flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
}

.brand-logo-wrap{
  position:relative;
}

.brand-logo-wrap img{
  width:52px;
  height:52px;
  border-radius:18px;
  object-fit:cover;
  border:1px solid rgba(103,232,249,.22);
}

.brand-status{
  position:absolute;
  right:-2px;
  bottom:-2px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#22c55e;
  border:2px solid #020617;
}

.brand-text h3{
  color:#fff;
  font-size:1rem;
  font-weight:800;
}

.brand-text p{
  color:#94a3b8;
  font-size:.78rem;
}

.lux-nav{
  display:flex;
  gap:24px;
}

.lux-nav a{
  color:#cbd5e1;
  text-decoration:none;
  font-weight:600;
}

.lux-nav a:hover{
  color:#67e8f9;
}

.lux-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 20px;
  border-radius:16px;
  text-decoration:none;
  font-weight:800;
  color:#04111d;
  background:linear-gradient(135deg,#67e8f9,#22d3ee);
}