/* mamatov.biz — окно заявки (общее для всех страниц). Без курсивов. */
.lf{
  --l-bg:#0E1319; --l-card:rgba(255,255,255,.05); --l-line:rgba(255,255,255,.12); --l-line-2:rgba(255,255,255,.22);
  --l-ink:#F1F4F7; --l-ink-2:#A4AEBB; --l-ink-3:#6E7886; --l-acc:#B4F23C; --l-acc-2:#D6FF7A; --l-bad:#FF6B4A;
  position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:16px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; color:var(--l-ink);
  -webkit-font-smoothing:antialiased;
}
.lf[hidden]{ display:none; }
html.lf-open, html.lf-open body{ overflow:hidden; }
.lf *, .lf *::before, .lf *::after{ box-sizing:border-box; }
.lf i, .lf em{ font-style:normal; }

.lf__bg{ position:absolute; inset:0; background:rgba(5,7,10,.72); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); opacity:0; transition:opacity .25s ease; }
.lf__box{
  position:relative; width:100%; max-width:520px; max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); overflow:auto;
  padding:40px 38px 30px; border-radius:28px; background:radial-gradient(120% 60% at 50% -10%,rgba(180,242,60,.16),transparent 60%), var(--l-bg);
  border:1px solid var(--l-line); box-shadow:0 40px 120px rgba(0,0,0,.6);
  opacity:0; transform:translateY(24px) scale(.97); transition:opacity .28s ease, transform .35s cubic-bezier(.2,.7,.2,1);
  scrollbar-width:thin;
}
.lf.is-open .lf__bg{ opacity:1; }
.lf.is-open .lf__box{ opacity:1; transform:none; }

.lf__x{ position:absolute; right:16px; top:16px; width:40px; height:40px; border-radius:50%; border:1px solid var(--l-line); background:transparent; cursor:pointer; transition:background .15s, border-color .15s; }
.lf__x:hover{ background:rgba(255,255,255,.08); border-color:var(--l-line-2); }
.lf__x span::before, .lf__x span::after{ content:''; position:absolute; left:50%; top:50%; width:16px; height:2px; margin:-1px 0 0 -8px; border-radius:2px; background:var(--l-ink); transform:rotate(45deg); }
.lf__x span::after{ transform:rotate(-45deg); }

.lf__k{ display:inline-flex; align-items:center; gap:9px; font-size:11.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--l-ink-2); }
.lf__k::before{ content:''; width:20px; height:2px; border-radius:2px; background:var(--l-acc); box-shadow:0 0 10px var(--l-acc); }
.lf__title{ margin:14px 40px 10px 0; font-family:'Unbounded','Inter',sans-serif; font-weight:800; text-transform:uppercase; font-size:clamp(20px,4.6vw,26px); line-height:1.1; letter-spacing:-.01em; color:var(--l-ink); }
.lf__lead{ margin:0; color:var(--l-ink-2); font-size:15px; line-height:1.55; }
.lf__lead a, .lf__alt a, .lf__check a, .lf__err a{ color:var(--l-acc); text-decoration:none; border-bottom:1px solid rgba(180,242,60,.4); }
.lf__lead a:hover, .lf__alt a:hover, .lf__check a:hover, .lf__err a:hover{ border-color:var(--l-acc); }

.lf__form{ margin-top:24px; display:flex; flex-direction:column; gap:12px; }
.lf__row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.lf__f{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.lf__f span{ font-size:13px; font-weight:600; color:var(--l-ink-2); }
.lf__f input{
  width:100%; height:50px; padding:0 16px; border-radius:14px; border:1px solid var(--l-line); background:var(--l-card);
  color:var(--l-ink); font:inherit; font-size:16px; outline:none; transition:border-color .15s, background .15s, box-shadow .15s;
}
.lf__f input::placeholder{ color:var(--l-ink-3); }
.lf__f input:focus{ border-color:var(--l-acc); background:rgba(255,255,255,.07); box-shadow:0 0 0 4px rgba(180,242,60,.14); }
.lf__f.is-bad input{ border-color:var(--l-bad); box-shadow:0 0 0 4px rgba(255,107,74,.14); }
.lf__hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }

.lf__check{ position:relative; display:flex; gap:12px; align-items:flex-start; margin-top:4px; font-size:13.5px; line-height:1.45; color:var(--l-ink-2); cursor:pointer; }
.lf__check input{ position:absolute; opacity:0; width:22px; height:22px; margin:0; cursor:pointer; }
.lf__box-ic{ flex:none; width:22px; height:22px; border-radius:7px; border:1.5px solid var(--l-line-2); background:var(--l-card); position:relative; transition:all .15s; }
.lf__check input:checked + .lf__box-ic{ background:var(--l-acc); border-color:var(--l-acc); }
.lf__check input:checked + .lf__box-ic::after{ content:''; position:absolute; left:7px; top:3px; width:5px; height:10px; border:solid #0B0E12; border-width:0 2.5px 2.5px 0; transform:rotate(45deg); }
.lf__check input:focus-visible + .lf__box-ic{ box-shadow:0 0 0 4px rgba(180,242,60,.25); }
.lf__check.is-bad .lf__box-ic{ border-color:var(--l-bad); box-shadow:0 0 0 4px rgba(255,107,74,.14); }

.lf__err{ margin:2px 0 0; padding:12px 14px; border-radius:12px; background:rgba(255,107,74,.12); border:1px solid rgba(255,107,74,.4); color:#FFD2C7; font-size:14px; line-height:1.45; }
.lf__err[hidden]{ display:none; }

.lf__submit{
  position:relative; margin-top:8px; height:56px; border:0; border-radius:999px; background:var(--l-acc); color:#0B0E12;
  font:inherit; font-size:16px; font-weight:700; cursor:pointer; transition:background .15s, box-shadow .2s, transform .15s;
}
.lf__submit:hover{ background:var(--l-acc-2); box-shadow:0 12px 36px rgba(180,242,60,.35); }
.lf__submit:active{ transform:translateY(1px); }
.lf__submit:disabled{ cursor:progress; }
.lf__submit--ghost{ width:100%; margin-top:26px; background:transparent; color:var(--l-ink); border:1.5px solid var(--l-line-2); }
.lf__submit--ghost:hover{ background:rgba(255,255,255,.06); box-shadow:none; }
.lf__submit .spin{ display:none; position:absolute; left:50%; top:50%; width:22px; height:22px; margin:-11px 0 0 -11px; border-radius:50%; border:2.5px solid rgba(11,14,18,.25); border-top-color:#0B0E12; animation:leadSpin .7s linear infinite; }
.lf__form.is-busy .lf__submit .t{ visibility:hidden; }
.lf__form.is-busy .lf__submit .spin{ display:block; }
@keyframes leadSpin{ to{ transform:rotate(360deg); } }

.lf__alt{ margin:4px 0 0; text-align:center; font-size:13.5px; color:var(--l-ink-3); }

.lf__view--ok{ text-align:center; padding:10px 0 4px; }
.lf__view--ok .lf__title{ margin:22px 0 12px; }
.lf__ok-ic{ width:76px; height:76px; margin:0 auto; border-radius:50%; display:grid; place-items:center; background:var(--l-acc); color:#0B0E12; box-shadow:0 0 0 12px rgba(180,242,60,.14), 0 20px 50px rgba(180,242,60,.3); animation:leadPop .5s cubic-bezier(.2,.9,.3,1.3); }
.lf__ok-ic svg{ width:38px; height:38px; }
@keyframes leadPop{ from{ transform:scale(.4); opacity:0; } }

@media (max-width:560px){
  .lf{ padding:0; align-items:flex-end; }
  .lf__box{ max-width:none; max-height:94vh; max-height:94dvh; border-radius:24px 24px 0 0; padding:30px 18px 22px; transform:translateY(40px); }
  .lf__row{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce){
  .lf__box, .lf__bg{ transition:none; }
  .lf__ok-ic{ animation:none; }
}