.popupOverlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(6px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.popup{
  width: min(520px, 92%);
  border-radius: 18px;
  padding: 18px;
  background: rgba(18,26,42,.92);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 30px 90px rgba(0,0,0,.65);
}

.popupHead{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

.popupTitle{
  margin:0;
  font-weight:700;
  color:#fff;
}

.popupHighlight{
  margin-top:10px;
  padding:14px;
  border-radius:14px;
  background: rgba(255,255,255,.05);
  text-align:center;
}

.popupHighlight b{
  font-size:22px;
  background: linear-gradient(90deg, #6ee7ff, #a78bfa);
  -webkit-background-clip:text;
  color:transparent;
}

.popupClose{
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.06);
  color:white;
  cursor:pointer;
}

.popupActions{
  margin-top:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.popupBtn{
  flex:1;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:white;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  text-align:center;
}

.popupBtnPrimary{
  background: linear-gradient(90deg, rgba(110,231,255,.22), rgba(167,139,250,.22));
}

.popupTiny{
  margin-top:10px;
  font-size:12px;
  color:rgba(200,200,200,.8);
}