.popup-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,0.7); z-index:800;
  display:flex; align-items:center; justify-content:center; padding:20px;
  opacity:0; visibility:hidden; transition: opacity .3s ease, visibility .3s ease;
}
.popup-overlay.is-visible{ opacity:1; visibility:visible; }
.popup-card{
  background:#262626; border:1px solid rgba(210,171,104,0.3); border-radius:18px;
  max-width:380px; width:100%; padding:36px 30px; text-align:center; position:relative;
}
.popup-card img{ width:64px; margin-bottom:16px; filter:drop-shadow(0 0 12px rgba(210,171,104,0.3)); }
.popup-card h2{ color:var(--gold-bright); font-size:19px; margin:0 0 10px; }
.popup-card p{ color:rgba(245,243,239,0.7); font-size:13px; line-height:1.9; margin:0 0 22px; }
.popup-card .btn-join{
  display:block; width:100%; padding:12px; border-radius:10px; border:none;
  background:var(--gold); color:#222; font-weight:bold; font-family:inherit; font-size:14px; cursor:pointer;
  text-decoration:none; box-sizing:border-box;
}
.popup-close{ position:absolute; top:12px; left:14px; background:none; border:none; color:#888; font-size:18px; cursor:pointer; }
[dir="ltr"] .popup-close{ left:auto; right:14px; }