
.launch-popup{
  position:fixed;inset:0;z-index:10000;
  display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(0,12,25,.82);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.launch-popup[hidden]{display:none}
.launch-popup__card{
  width:min(650px,94vw);position:relative;overflow:hidden;
  border-radius:30px;padding:42px 38px;
  background:
    radial-gradient(circle at 15% 15%,rgba(0,184,230,.23),transparent 38%),
    linear-gradient(145deg,#052d4a,#00172c);
  border:1px solid rgba(128,203,40,.68);
  box-shadow:0 40px 120px rgba(0,0,0,.62);
  color:#fff;text-align:center;
  animation:launchPopupIn .46s cubic-bezier(.2,.8,.2,1);
}
.launch-popup__card::before{
  content:"";position:absolute;inset:-35%;
  background:conic-gradient(from 120deg,transparent,rgba(0,184,230,.12),transparent,rgba(128,203,40,.12),transparent);
  animation:launchPopupGlow 9s linear infinite;
}
.launch-popup__content{position:relative;z-index:2}
.launch-popup__close{
  position:absolute;right:16px;top:14px;z-index:3;
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.1);color:#fff;
  font-size:22px;cursor:pointer;
}
.launch-popup__image{
  width:130px;height:130px;object-fit:cover;border-radius:28px;
  background:#fff;box-shadow:0 18px 45px rgba(0,183,230,.28);
}
.launch-popup__eyebrow{
  margin:22px 0 8px;color:#9ae047;
  font-size:12px;font-weight:900;letter-spacing:.16em;
}
.launch-popup h2{
  margin:0;font-size:clamp(27px,4.3vw,44px);
  line-height:1.08;letter-spacing:-.02em;
}
.launch-popup__description{
  margin:16px auto 0;max-width:520px;
  color:#c8dce6;line-height:1.6;
}
.launch-popup__button{
  display:inline-flex;margin-top:24px;
  padding:14px 24px;border-radius:999px;
  background:linear-gradient(90deg,#008fd0,#78c922);
  color:#fff;text-decoration:none;font-weight:900;
  box-shadow:0 12px 28px rgba(0,143,208,.25);
}
@keyframes launchPopupIn{
  from{opacity:0;transform:translateY(16px) scale(.96)}
  to{opacity:1;transform:none}
}
@keyframes launchPopupGlow{to{transform:rotate(360deg)}}
@media(max-width:560px){
  .launch-popup__card{padding:34px 22px}
  .launch-popup__image{width:108px;height:108px}
  .launch-popup h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){
  .launch-popup__card,.launch-popup__card::before{animation:none}
}
