@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/web/design/fonts/inter-normal-100-900-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/web/design/fonts/inter-normal-100-900-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/web/design/fonts/inter-normal-100-900-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(/web/design/fonts/jetbrainsmono-normal-100-800-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(/web/design/fonts/jetbrainsmono-normal-100-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(/web/design/fonts/jetbrainsmono-normal-100-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}







/* КРРС: общий источник токенов всех экранов приложения. Primary — «Нектарин», ink и strong — нейтральный графит. */
:root{
--bg:#E8E8E8;--ink:#121212;--ink-hover:#2A2A2A;--text-2:#555555;--text-3:#6F6F6F;--ink-3:#8C8C8C;
--surface:#F4F4F4;--surface-hi:#FFFFFF;--surface-lo:#DCDCDC;
--accent:#FA9D86;--accent-hover:#E38F7A;--accent-press:#CC816F;--on-accent:#FFFFFF;
--accent-soft:#F5E4E0;--accent-ink:#4B4F54;--accent-strong:#6F7479;
/* Салатовый логотипа: выбранные значения и активная навигация. Primary-кнопки остаются персиковыми. */
--brand-lime:#C6F432;--selection-bg:var(--brand-lime);--selection-hover:#B7E329;--selection-ink:var(--ink);
--benefit-bg:var(--accent);--benefit-ink:var(--ink);
--secondary:#4B4F54;--secondary-hover:#3E4247;--on-secondary:#FFFFFF;
--yandex-ink:#262633;
--error:#B3261E;--error-hover:#8F1D17;--error-soft:#F6D5D3;--ok:#1F6B3A;
--line:rgba(18,18,18,.14);--bw:1px;
--r:0px;--r-lg:0px;
--surface-hover:#D1D1D1;--field-bg:#F0F0F0;--ok-soft:#E3EEE6;--shadow:rgba(18,18,18,.14);--scrim:rgba(18,18,18,.4);
--f-mono:'JetBrains Mono','IBM Plex Mono',ui-monospace,monospace;
}
.meta,.t-meta{font-family:var(--f-mono);font-weight:500;letter-spacing:.06em}
/* Типографика (Fonts.dc.html): Display 30 / H1 24 / H2 20 / H3 16 / Body 14 / Label 12 / Caption 11 / Meta 11 моно */
:root{--fs-display:30px;--fs-h1:24px;--fs-h2:20px;--fs-h3:16px;--fs-body:14px;--fs-label:12px;--fs-caption:11px;--fs-meta:11px;--lh-display:1.15;--lh-h1:1.2;--lh-h2:1.25;--lh-h3:1.3;--lh-body:1.5;--lh-label:1.4;--lh-caption:1.4}
.t-display{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:600;letter-spacing:-0.02em}
.t-h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:600;letter-spacing:-0.02em}
.t-h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:600;letter-spacing:-0.02em}
.t-h3{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:600;letter-spacing:-0.02em}
.t-body{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400}
.t-label{font-size:var(--fs-label);line-height:var(--lh-label);font-weight:500}
.t-caption{font-size:var(--fs-caption);line-height:var(--lh-caption);font-weight:400}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;font-size:var(--fs-body);line-height:var(--lh-body)}

/* Floating field labels share one geometry, without changing padding on focus. */
:has(>label.fl):has(>.field){position:relative}
:has(>.field)>label.fl{position:absolute;z-index:1;left:14px;top:13px;margin:0;max-width:calc(100% - 56px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-body);font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-3);pointer-events:none;transition:top .12s,font-size .12s,color .12s}
:has(>label.fl)>input.field,:has(>label.fl)>textarea.field,:has(>label.fl)>select.field{padding:22px 14px 8px}
:has(>label.fl)>.field::placeholder{color:transparent}
:has(>.field:focus)>label.fl,:has(>.field:not(:placeholder-shown))>label.fl,:has(>select.field)>label.fl,:has(>.field[type=date])>label.fl,:has(>.field[type=time])>label.fl{top:5px;font-size:var(--fs-caption);font-weight:500}
:has(>.field:focus)>label.fl{color:var(--accent-ink)}
:has(>.field.err)>label.fl{color:var(--error)}
.field+.hint.e:not(:empty){margin-top:6px;white-space:normal;overflow-wrap:anywhere}
:has(>label.fl):has(>.field)>button{position:absolute;z-index:2;right:6px;top:6px;margin:0;width:32px;min-height:32px;height:32px;padding:0}
/* Подвал с реквизитами (ИНН, ОГРНИП) и ссылками на оферту и политику: на всех пользовательских страницах */
.rqf{max-width:960px;margin:32px auto 24px;padding:0 16px;text-align:center;font-size:var(--fs-caption);line-height:1.6;color:var(--text-2)}
.rqf a{color:inherit}