.mago-popup{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}
.mago-popup.is-visible{
  opacity:1;
  pointer-events:auto;
}
.mago-popup-backdrop{
  position:absolute;
  inset:0;
  background:rgba(10,10,10,0.75);
}
.mago-popup-card{
  position:relative;
  background:#141414;
  border:1px solid #242424;
  border-radius:10px;
  padding:36px 32px;
  max-width:380px;
  width:calc(100% - 40px);
  box-shadow:0 30px 80px -15px rgba(0,0,0,0.7);
  font-family:'Montserrat',sans-serif;
  transform:scale(0.94);
  transition:transform .25s ease;
}
.mago-popup.is-visible .mago-popup-card{
  transform:scale(1);
}
.mago-popup-close{
  position:absolute;
  top:14px;right:16px;
  background:none;border:none;
  color:#8F8B8C;
  font-size:24px;
  cursor:pointer;
  line-height:1;
}
.mago-popup-close:hover{color:#E56997;}
.mago-popup-headline{
  color:#F5F5F3;
  font-weight:800;
  font-size:22px;
  margin-bottom:12px;
  padding-right:20px;
}
.mago-popup-body{
  color:#D9D6D4;
  font-size:14.5px;
  line-height:1.55;
  margin-bottom:20px;
}
.mago-popup-card input[type=email]{
  width:100%;
  padding:13px 14px;
  border-radius:4px;
  border:1px solid #242424;
  background:#0A0A0A;
  color:#F5F5F3;
  font-family:inherit;
  font-size:14.5px;
  margin-bottom:12px;
}
.mago-popup-card button[type=submit]{
  width:100%;
  background:#E56997;
  color:#0A0A0A;
  border:none;
  font-weight:700;
  font-size:14.5px;
  padding:13px 16px;
  border-radius:4px;
  cursor:pointer;
  font-family:inherit;
}
.mago-popup-card button[type=submit]:hover{background:#C94E76;}
.mago-popup-success{
  color:#E56997;
  font-size:14.5px;
  font-weight:600;
}