.exit-popup{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(10,20,35,.6)}
.exit-popup.is-open{display:flex}
.exit-popup__body{position:relative;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;padding:44px 40px 36px;border-radius:24px;background:radial-gradient(62.72% 100% at 50% 0%,#2891dc 0%,#0056ae 100%);box-shadow:0 18px 60px rgba(0,0,0,.35);color:#fff}
.exit-popup__close{position:absolute;top:14px;right:16px;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:background .2s}
.exit-popup__close:hover{background:rgba(255,255,255,.34)}
.exit-popup__title{margin:0 0 12px;font-size:26px;font-weight:700;line-height:1.25;text-align:center;color:#fff}
.exit-popup__text{margin:0 0 24px;font-size:16px;line-height:1.5;text-align:center;color:rgba(255,255,255,.92)}

/* поля на всю ширину окна */
.exit-popup .connect-form{display:block;width:100%}
.exit-popup .connect-form__item{display:block;width:100%;margin:0 0 14px}
.exit-popup .connect-form__item input{width:100%;box-sizing:border-box}

/* кнопка по центру */
.exit-popup .connect-form__btn{display:block;width:auto;min-width:240px;margin:24px auto 0;padding:15px 40px}

/* согласие */
.exit-popup .form-policy{transition:background .2s,box-shadow .2s;border-radius:10px;padding:6px 8px;margin-left:-8px;margin-right:-8px}
.exit-popup .form-policy__text{font-size:11px;line-height:1.4;color:rgba(255,255,255,.85)}
.exit-popup .form-policy__text a{color:#fff;text-decoration:underline;white-space:nowrap}

/* подсветка, когда галочка не поставлена */
.exit-popup .form-policy.is-invalid{background:rgba(255,196,84,.16);box-shadow:0 0 0 2px rgba(255,196,84,.75)}
.exit-popup .form-policy.is-invalid .form-policy__pseudo{border-color:#ffc454;box-shadow:0 0 0 3px rgba(255,196,84,.5)}
.exit-popup .form-policy.is-invalid .form-policy__text{color:#fff}
.exit-popup .form-policy.is-invalid{animation:exitPolicyShake .32s ease-in-out}
@keyframes exitPolicyShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}

@media(max-width:600px){
.exit-popup__body{padding:38px 18px 26px;border-radius:18px}
.exit-popup__title{font-size:21px}
.exit-popup__text{font-size:15px}
.exit-popup .connect-form__btn{width:100%;min-width:0}
.exit-popup .form-policy__text{font-size:10px;line-height:1.35}
}