/* Overlay */
#exit-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

/* Modal box */
#exit-modal {
  width: 720px;
  max-width: 95%;
  background: #DBE0E7; /* фон по скрину */
  border-radius: 8px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  position: relative;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  box-sizing: border-box;
}

/* Left block (icon + text) */
.exit-modal-left {
  flex: 1 1 50%;
}

.exit-icon{
  width:48px; height:48px;
  border-radius:50%;
  background:#035297; /* синий круг */
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  margin-bottom:10px;
}

#exit-modal h2 {
  margin:0 0 8px 0;
  color:#414141; /* заголовок */
  font-size:28px;
  font-weight:700;
}

#exit-modal p {
  margin:0;
  color:#414141;
  opacity:0.85;
  line-height:1.4;
}

/* Form */
.exit-modal-form {
  flex: 1 1 45%;
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:260px;
}

.exit-modal-form input[type="text"]{
  padding:14px 16px;
  border-radius:6px;
  border:1px solid #e1e4e8;
  background:#fff;
  font-size:15px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  outline:none;
}

.exit-modal-form input[type="text"]:focus{
  box-shadow: 0 8px 26px rgba(0,0,0,0.12);
  border-color: #d1d6db;
}

/* Orange button */
#exit-submit{
  padding:14px 18px;
  border-radius:6px;
  border:none;
  font-size:16px;
  cursor:pointer;
  background:#F16522; /* оранж */
  color:#fff;
  box-shadow: 0 14px 30px rgba(241,101,34,0.16);
}

/* Close */
#exit-modal-close{
  position:absolute;
  right:10px;
  top:8px;
  border:none;
  background:transparent;
  font-size:26px;
  color:#666;
  cursor:pointer;
}

/* Mobile adjustments */
@media(max-width:640px){
  #exit-modal{ flex-direction:column; padding:18px; }
  .exit-modal-left{ order:1; }
  .exit-modal-form{ order:2; width:100%; }
}