/* Компонент «Форма записи» дизайнгоста (Figma: дизайн-система → Компоненты → «Форма записи»).
   Эталон — /neiroseti/#zapis. Подключается на любой странице: класс .dg-form на <form>, .dg-join — на блок с подводкой.
   Свои токены с запасными значениями, чтобы не зависеть от имён переменных страницы. */
.dg-join,.dg-form{--dg-acc:#F07A45;--dg-ink:#EDEDEA;--dg-ink-2:#B4B4AF;--dg-muted:#8E8E89;--dg-field:rgba(255,255,255,.08);--dg-field-hi:rgba(255,255,255,.11);--dg-ring:rgba(244,244,241,.75);--dg-pri:#F4F4F1;--dg-on-pri:#0B0B0B;--dg-bad:#F4B3A1}

/* блок: подводка слева, форма справа, медленный блик */
.dg-join{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,48px);border-radius:24px;background:#141414;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dg-acc) 28%,transparent)}
.dg-join>*{position:relative}
.dg-join .dg-glow{position:absolute;top:-50%;left:0;width:55%;height:200%;background:radial-gradient(closest-side,color-mix(in srgb,var(--dg-acc) 20%,transparent),transparent);filter:blur(10px);animation:dg-glow 10s ease-in-out infinite alternate;pointer-events:none;will-change:transform}
@keyframes dg-glow{from{transform:translateX(-40%)}to{transform:translateX(140%)}}
.dg-after{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none;font-size:17px;color:var(--dg-ink-2)}
.dg-after li{position:relative;padding-left:28px}
.dg-after li::before{content:"";position:absolute;left:2px;top:.45em;width:10px;height:6px;border-left:2px solid var(--dg-acc);border-bottom:2px solid var(--dg-acc);transform:rotate(-45deg)}
@media (max-width:860px){.dg-join{grid-template-columns:1fr}}

/* форма */
.dg-form.dg-form{display:flex;flex-direction:column;gap:16px}
.dg-form .dg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dg-form .dg-fld{display:flex;flex-direction:column;gap:8px;font:400 14px/1.3 "Golos Text",system-ui,sans-serif;color:var(--dg-ink-2)}
.dg-form.dg-form input:not([type=checkbox]):not([type=hidden]):not(.hp):not(.sr){width:100%;height:50px;padding:0 16px;border:0;border-radius:12px;background:var(--dg-field);color:var(--dg-ink);font:400 16px "Golos Text",system-ui,sans-serif;outline:none;box-shadow:none;transition:background .2s,box-shadow .2s}
.dg-form.dg-form input:not([type=checkbox]):hover{background:var(--dg-field-hi)}
.dg-form.dg-form input:not([type=checkbox]):focus{box-shadow:0 0 0 2px var(--dg-ring)}
.dg-form.dg-form input[aria-invalid=true]{box-shadow:0 0 0 2px var(--dg-bad)}
.dg-form input::placeholder{color:rgba(244,244,241,.35)}
.dg-form .dg-chk{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.45;color:var(--dg-ink-2);cursor:pointer}
.dg-form.dg-form input[type=checkbox]{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--dg-acc)}
.dg-form .dg-chk a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.dg-form.dg-form [type=submit],.dg-form .dg-go{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;min-height:50px;padding:0 24px;border:0;border-radius:12px;background:var(--dg-pri);color:var(--dg-on-pri);font:600 15px "Golos Text",system-ui,sans-serif;cursor:pointer;transition:background .2s,transform .12s}
.dg-form.dg-form [type=submit]:hover{background:#fff} .dg-form.dg-form [type=submit]:active{transform:scale(.97)} .dg-form.dg-form [type=submit]:disabled{opacity:.5;cursor:default}
.dg-form .dg-err{margin:0;padding:12px 14px;border-radius:10px;background:rgba(244,179,161,.12);color:var(--dg-bad);font-size:14px}
.dg-fine{margin-top:20px;font-size:14px;color:var(--dg-muted)}
@media (max-width:600px){.dg-form .dg-row{grid-template-columns:1fr}.dg-form.dg-form [type=submit]{align-self:stretch}}
@media (prefers-reduced-motion:reduce){.dg-join .dg-glow{animation:none}}