/* Academy TG Tours — «Оставить заявку» (js/lead.js), 29 Oct 2026.
   🔴 The SAME file on intensiv.tg.tours and academy.tg.tours: change one, copy to the other.
   A paper card over the page (playbook: ivory paper, plum ink, gold button), the same in both themes.
   Older readers on phones: 17 px fields 54 px tall, labels above, interest as 4 big tap tiles, one gold button,
   WhatsApp right under it. Own tokens, so it looks the same on every site. Strict CSP: no inline styles. */

/* sizes include padding and border everywhere inside the form and the strip (the platform has no global rule for it) */
.ld,.ld *,.ld *::before,.ld *::after,.ld-ab,.ld-ab *{box-sizing:border-box}

.ld{--ld-paper:#FCF0E5;--ld-ink:#2E1128;--ld-ink2:#5A4453;--ld-ink3:#7A6272;--ld-plum:#4C1F3C;--ld-gold:#F0B760;--ld-gold-ink:#9A630F;--ld-red:#B23F4A;
  --ld-serif:"Playfair Display",Georgia,"Times New Roman",serif;--ld-sans:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:light;   /* the page may say «dark»: native radios and ticks would turn black */
  width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:16px;background:transparent;color:var(--ld-ink);overflow:visible}
.ld::backdrop{background:rgba(26,8,22,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
html.ld-open{overflow:hidden}
.ld-card{position:relative;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:30px 30px 26px;border-radius:16px;
  background:var(--ld-paper) url(../assets/img/tex-paper-ivory.webp) 0 0/768px 768px;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 40px 80px -30px rgba(8,1,6,.8),0 12px 24px -12px rgba(8,1,6,.5);font-family:var(--ld-sans)}
.ld-x{position:absolute;top:10px;right:10px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(46,17,40,.07);color:var(--ld-ink);
  font:400 30px/1 var(--ld-sans);cursor:pointer;display:grid;place-items:center}
.ld-x:hover{background:rgba(46,17,40,.13)}
.ld-k{margin:0 0 6px;font:700 12.5px/1 var(--ld-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ld-gold-ink)}
.ld-h{margin:0;font:500 clamp(28px,6vw,34px)/1.1 var(--ld-serif);color:var(--ld-ink);letter-spacing:-.01em}
.ld-lede{margin:10px 48px 0 0;font-size:17px;line-height:1.55;color:var(--ld-ink2)}

.ld-form{margin-top:22px}
.ld-f{margin:0 0 18px}
.ld-l{display:block;margin:0 0 7px;padding:0;font:700 16px/1.3 var(--ld-sans);color:var(--ld-ink)}
.ld-hint{margin:-2px 0 8px;font-size:14.5px;line-height:1.45;color:var(--ld-ink3)}
.ld-in{display:block;width:100%;min-height:54px;padding:13px 16px;border:2px solid rgba(46,17,40,.22);border-radius:10px;background:#fff;
  font:400 17px/1.4 var(--ld-sans);color:var(--ld-ink);transition:border-color .15s,box-shadow .15s}
textarea.ld-in{min-height:96px;resize:vertical}
.ld-in:focus{outline:0;border-color:var(--ld-plum);box-shadow:0 0 0 3px rgba(240,183,96,.55)}
.ld-in[aria-invalid="true"]{border-color:var(--ld-red)}
.ld-err{margin:7px 0 0;font:600 15px/1.4 var(--ld-sans);color:var(--ld-red)}

.ld-int{margin:0 0 18px;padding:0;border:0;min-width:0}
.ld-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ld-pill{position:relative;display:flex;align-items:center;min-height:56px;padding:12px 14px 12px 46px;border:2px solid rgba(46,17,40,.2);border-radius:10px;
  background:#fff;font:600 15.5px/1.3 var(--ld-sans);color:var(--ld-ink);cursor:pointer;transition:border-color .15s,background-color .15s}
.ld-pill input{position:absolute;left:14px;top:50%;width:22px;height:22px;margin:-11px 0 0;accent-color:var(--ld-plum)}
.ld-pill:has(input:checked){border-color:var(--ld-plum);background:#FFF6E6;box-shadow:0 0 0 1px var(--ld-plum) inset}
.ld-pill:has(input:focus-visible){outline:3px solid var(--ld-gold);outline-offset:2px}

.ld-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ld-consent{margin-top:4px}
.ld-cl{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--ld-ink2);cursor:pointer}
.ld-cl input{flex:none;width:24px;height:24px;margin:1px 0 0;accent-color:var(--ld-plum)}
.ld-cl a{color:var(--ld-gold-ink);text-underline-offset:3px}
.ld-send{width:100%;margin-top:6px}
.ld-send.is-busy{opacity:.7;cursor:progress}
.ld-status{min-height:1.4em;margin:12px 0 0;font:600 15.5px/1.45 var(--ld-sans);color:var(--ld-ink2);text-align:center}
.ld-status.is-bad{color:var(--ld-red)}

.ld-done{padding:18px 0 4px;text-align:center}
.ld-done__h{margin:0;font:500 28px/1.2 var(--ld-serif);color:var(--ld-ink)}
.ld-done__p{margin:10px 0 22px;font-size:17px;line-height:1.55;color:var(--ld-ink2)}

.ld-or{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:2px dotted rgba(46,17,40,.18)}
.ld-or span{font-size:14.5px;color:var(--ld-ink3)}
.ld-wa{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;border:2px solid var(--ld-plum);border-radius:999px;
  color:var(--ld-plum);font:700 16px/1 var(--ld-sans);text-decoration:none}
.ld-wa:hover{background:rgba(76,31,60,.06)}

@media (max-width:480px){
  .ld-card{padding:24px 18px 20px}
  .ld-pills{grid-template-columns:1fr}
  .ld-lede{margin-right:40px}
}
@media (prefers-reduced-motion:no-preference){
  .ld[open] .ld-card{animation:ld-in .32s cubic-bezier(.23,1,.32,1) both}
}
@keyframes ld-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}

/* the page's own «Связаться с нами» strip (above the footer) */
.ld-strip{padding:clamp(44px,6vw,72px) 0;border-top:1px solid rgba(255,255,255,.1)}
.ld-strip__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px}
.ld-strip__h{margin:0;font:500 clamp(26px,3.4vw,38px)/1.15 var(--ld-serif,"Playfair Display",Georgia,serif)}
.ld-strip__p{margin:8px 0 0;max-width:46ch;font-size:17px;line-height:1.55}
.ld-strip__btns{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:640px){.ld-strip__btns{width:100%}.ld-strip__btns .btn{width:100%}}
.ld-faq{margin:18px 0 0;font-size:16.5px;line-height:1.55}
.ld-faq a{color:var(--gold-ink,#9A630F);font-weight:700;text-underline-offset:3px}
.ld-strip__btns .btn svg{width:22px;height:22px}
