#custom-popup[hidden]{display:none}
#custom-popup{position:fixed;inset:0;z-index:9999;display:grid;place-items:center}
.custom-popup__overlay{position:absolute;inset:0;background:rgb(0, 0, 0)}
.custom-popup__dialog{position:relative;z-index:1;width:min(92vw,420px);background:#fff;border-radius:16px;padding:22px 22px 18px;box-shadow:0 10px 30px rgba(0,0,0,.25);font:inherit}
.custom-popup__close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:22px;cursor:pointer}
.custom-popup__title{margin:0 0 6px;font-size:22px;line-height:1.25}
.custom-popup__subtitle{margin:0 0 14px;color:#555;font-size:14px}
.custom-popup__row{margin-bottom:10px}
.custom-popup__input{width:100%;height:44px;padding:0 12px;border-radius:10px;border:1px solid #ddd;font:inherit}
.custom-popup__btn{width:100%;height:46px;margin:8px 0 6px;border:0;border-radius:12px;cursor:pointer;font-weight:600;background:#111;color:#fff}
.custom-popup__legal{margin:8px 0 0;font-size:12px;color:#777}
.custom-popup__success{color:#0a7a3f;font-size:14px;margin:6px 0 0}
.custom-popup__error{color:#b00020;font-size:14px;margin:6px 0 0}



.custom-popup__dialog { text-align: center; }

.custom-popup__title,
.custom-popup__subtitle,
.custom-popup__legal,
.custom-popup__success,
.custom-popup__error {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}