/* Модальная форма заявки — тёмная, в стилистике основного сайта Mega Media */
.mm-modal{
  position:fixed;inset:0;z-index:9999;display:none;
  align-items:center;justify-content:center;padding:20px;
  background:rgba(5,8,17,.72);backdrop-filter:blur(6px);
}
.mm-modal.is-open{display:flex}
.mm-modal__card{
  position:relative;width:100%;max-width:640px;max-height:92vh;overflow:auto;
  border-radius:28px;padding:34px 34px 30px;
  color:#dbe7ef;font-family:'Jost','Inter',sans-serif;font-size:16px;line-height:1.6;
  background:
    radial-gradient(120% 90% at 8% 0%, rgba(34,211,238,.20) 0%, rgba(5,8,17,0) 55%),
    radial-gradient(90% 70% at 100% 100%, rgba(68,126,238,.22) 0%, rgba(5,8,17,0) 60%),
    #070d1c;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 40px 90px -20px rgba(0,0,0,.85);
  animation:mm-modal-in .22s ease-out;
}
@keyframes mm-modal-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.mm-modal__close{
  position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#cfe3ef;
  font-size:18px;line-height:1;transition:.15s;
}
.mm-modal__close:hover{background:rgba(255,255,255,.16);color:#fff}
.mm-modal__eyebrow{
  display:flex;align-items:center;gap:9px;margin:0 0 14px;
  font-family:'Unbounded',sans-serif;font-size:11px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:#5eead4;
}
.mm-modal__eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px #22d3ee}
.mm-modal__title{
  margin:0 0 12px;font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(26px,4.4vw,38px);
  line-height:1.08;color:#fff;letter-spacing:-.01em;
}
.mm-modal__title em{font-style:normal;background:linear-gradient(92deg,#67e8f9 0%,#22d3ee 45%,#38bdf8 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.mm-modal__text{margin:0 0 24px;color:#9db4c6;font-size:16px;max-width:52ch}
.mm-modal__field{margin-bottom:16px}
.mm-modal__label{
  display:block;margin:0 0 8px;font-family:'Unbounded',sans-serif;font-size:10.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:#8aa4b8;
}
.mm-modal__input{
  width:100%;padding:15px 20px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#eaf4fb;
  font-family:'Jost','Inter',sans-serif;font-size:16px;transition:.15s;
}
.mm-modal__input::placeholder{color:#6d8496}
.mm-modal__input:focus{outline:none;border-color:#22d3ee;background:rgba(34,211,238,.08);box-shadow:0 0 0 3px rgba(34,211,238,.15)}
.mm-modal__consent{
  display:flex;gap:10px;align-items:flex-start;margin:18px 0 22px;
  font-size:14px;color:#8aa4b8;cursor:pointer;
}
.mm-modal__consent input{width:18px;height:18px;margin:2px 0 0;accent-color:#22d3ee;flex:none}
.mm-modal__consent a{color:#67e8f9;text-decoration:underline}
.mm-modal__submit{
  position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;
  padding:18px 22px;border:0;cursor:pointer;border-radius:999px;
  font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;letter-spacing:.02em;color:#052b33;
  background:linear-gradient(92deg,#67e8f9 0%,#22d3ee 50%,#38bdf8 100%);
  box-shadow:0 14px 34px -12px rgba(34,211,238,.7);transition:.15s;
}
.mm-modal__submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
.mm-modal__submit[disabled]{opacity:.65;cursor:default;transform:none}
.mm-modal__arrow{
  width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:#0b2030;color:#67e8f9;font-size:15px;
}
.mm-modal__note{margin:14px 0 0;font-size:13px;color:#6d8496;text-align:center}
.mm-modal__success{display:none;text-align:center;padding:20px 0 8px}
.mm-modal__success.is-on{display:block}
.mm-modal__success h3{margin:0 0 10px;font-family:'Unbounded',sans-serif;font-size:24px;color:#fff}
.mm-modal__success p{margin:0 0 20px;color:#9db4c6}
.mm-modal__success .mm-modal__submit{display:inline-flex;width:auto;padding:15px 30px}
.mm-modal__err{margin:0 0 14px;font-size:14px;color:#fca5a5;display:none}
.mm-modal__err.is-on{display:block}
@media (max-width:560px){
  .mm-modal__card{padding:26px 20px 22px;border-radius:22px}
  .mm-modal__title{font-size:25px}
}

/* кнопки-триггеры формы */
button.btn{appearance:none;-webkit-appearance:none}
button.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* кнопка заявки в мобильном меню */
.nav-cta-mobile{display:none}
@media(max-width:900px){
  .nav-links .nav-cta-mobile{display:inline-flex;align-self:flex-start;margin-top:4px}
}
