/* ЕДИНАЯ ДВЕРЬ ПРОГРАММ «КОМПАКТА» — канонические стили экрана входа.
   Источник правды: Kompakt-Portal/docs/LOGIN-GATE.md (там же — что можно менять).
   Файл самодостаточный: не зависит от остальных стилей программы.
   Эталон вида утверждён владельцем 2026-08-11 (экран входа «Отдела развития»).

   Правило: этот файл КОПИРУЕТСЯ в программу (не подключается с чужого адреса).
   Пути к шрифтам поправить под своё расположение — остальное не менять.

   Сознательные отличия от исходника «Отдела развития» (вид не меняют): body.gate
   слит в .gate; шрифты переименованы в 'Manrope Gate'/'Lora Gate', чтобы не
   пересекаться со шрифтами программ; кнопке добавлены text-decoration/cursor;
   добавлены focus-visible, prefers-reduced-motion и цвет ссылки в сноске (.note a). */

@font-face{font-family:'Manrope Gate';src:url('/fonts/manrope-cyrillic-wght-normal.woff2') format('woff2');
  font-weight:200 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope Gate';src:url('/fonts/manrope-latin-wght-normal.woff2') format('woff2');
  font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'Lora Gate';src:url('/fonts/lora-cyrillic-wght-italic.woff2') format('woff2');
  font-weight:400 700;font-style:italic;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Lora Gate';src:url('/fonts/lora-latin-wght-italic.woff2') format('woff2');
  font-weight:400 700;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215}

/* Корневой контейнер — во весь экран, поверх всего остального вида программы.
   Экран входа всегда светлый, даже если сама программа тёмная. */
.gate{
  --gate-ui:'Manrope Gate',"Avenir Next","Helvetica Neue",-apple-system,sans-serif;
  --gate-serif:'Lora Gate',Georgia,serif;
  min-height:100vh;display:flex;flex-direction:column;
  padding:clamp(20px,4vw,44px);box-sizing:border-box;
  color:#101d2f;background:#eef1f4;
  background-image:radial-gradient(120% 110% at 50% -10%,#f3f5f7 0%,#e9edf2 52%,#dfe5ec 100%);
  -webkit-font-smoothing:antialiased}
.gate *,.gate *::before,.gate *::after{box-sizing:border-box}
.gate a:focus-visible,.gate button:focus-visible{outline:2px solid #3d6492;outline-offset:2px;border-radius:2px}

/* Знак компании в левом верхнем углу — одинаковый у всех программ. */
.gate-mark{display:flex;align-items:center;gap:9px;font:600 17px/1 var(--gate-ui);
  color:#0f1b2d;letter-spacing:-.01em}
.gate-mark i{width:11px;height:11px;border-radius:50%;background:#3d6492;display:block}

/* Средняя зона: колонка с текстом, по вертикали по центру, со сдвигом от левого края. */
.gate-body{flex:1;display:flex;align-items:center;width:100%;max-width:1180px;margin:0 auto;
  padding-left:clamp(0px,7vw,120px)}

/* Надстрочная строка: «АО «СК Компакт» · Название программы». */
.gate-eyebrow{display:flex;align-items:center;gap:12px;font:600 11px/1 var(--gate-ui);
  letter-spacing:.16em;text-transform:uppercase;color:#5d6f86;margin-bottom:22px}
.gate-eyebrow::before{content:"";width:26px;height:1px;background:#93a6bd;display:block}

/* Слоган программы. Внутри <em> — подчёркнутое розовым слово. */
.gate h1{font:200 clamp(40px,6.4vw,62px)/1.06 var(--gate-ui);letter-spacing:-.03em;
  color:#101d2f;margin:0 0 6px}
.gate h1 em{font-style:normal;color:#3d6492;position:relative;white-space:nowrap}
.gate h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:4px;
  background:#c47b9e;border-radius:2px}

/* Подзаголовок — серифный курсив, одно-два предложения о том, что внутри. */
.gate .lead{font:italic 400 clamp(16px,1.7vw,19px)/1.5 var(--gate-serif);
  color:#4b5b70;max-width:30ch;margin:16px 0 30px}

/* Кнопка входа. Это ссылка <a> на СВОЙ существующий адрес начала входа программы. */
.gate .btn{display:inline-flex;align-items:center;gap:10px;background:#3d6492;color:#fff;
  border:0;border-radius:999px;padding:13px 26px;font:600 15px/1 var(--gate-ui);
  letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;
  box-shadow:0 14px 30px -16px rgba(16,29,47,.6);
  transition:background .15s,transform .15s}
.gate .btn:hover{background:#2a4a70;transform:translateY(-1px)}

/* Сообщения (ошибки входа и подсказки) — обычный текст, без плашек.
   ТЕКСТ ТОЛЬКО ИЗ ФИКСИРОВАННОГО СПИСКА В КОДЕ, никогда — из адресной строки. */
.gate .flash{background:none;border:0;border-left:2px solid #93a6bd;border-radius:0;
  padding:2px 0 2px 12px;margin:0 0 24px;max-width:46ch;
  font:400 14px/1.5 var(--gate-ui);color:#4b5b70}
.gate .flash.bad{border-left-color:#b4566f;color:#8c2f45}

/* Сноска под кнопкой: про единый вход и правило доступа. */
.gate .note{background:none;border:0;padding:0;font:400 13px/1.55 var(--gate-ui);
  color:#71839a;max-width:46ch;margin:24px 0 0}
.gate .note a{color:#3d6492}

/* Нижняя строка. Показывать только если программа действительно ведёт журнал входов. */
.gate-foot{font:400 12px/1 var(--gate-ui);color:#8494a8}

@media (prefers-reduced-motion:reduce){
  .gate .btn{transition:none}
  .gate .btn:hover{transform:none}
}