/* ===== ApostaGurus — стили (уникальные классы с префиксом agrs-) ===== */

/* Цвета и токены */
:root{
  /* базовая тёмная сцена */
  --agrs-bg:#0f1633;
  --agrs-grad1:#0f1633;          /* midnight */
  --agrs-grad2:#1b3f6b;          /* ocean indigo */

  /* акценты */
  --agrs-accent:#08d1c5;         /* холодный (циановый) */
  --agrs-accent-2:#e54b9b;       /* малиновый */
  --agrs-accent-3:#ffb156;       /* НОВЫЙ тёплый янтарный */

  /* доп-акцент для мягких подсветок */
  --agrs-mint:#39e0a6;

  /* текст и поверхности */
  --agrs-text:#eaf2ff;
  --agrs-muted:#a9b6cf;
  --agrs-card:#121a3f;
  --agrs-line:rgba(255,255,255,.12);
  --agrs-shadow:0 10px 30px rgba(0,0,0,.35);
  --agrs-radius:18px;

  /* альтернативные блоки */
  --agrs-inner-grad1:#0b1838;
  --agrs-inner-grad2:#0e214a;
  --agrs-inner-line:rgba(8,209,197,.28);
}

/* База */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--agrs-text);
  background:
    /* теплая подсветка сверху-слева (янтарь) */
    radial-gradient(1200px 600px at -10% -20%, rgba(255,177,86,.18), transparent 60%),
    /* малиновая подсветка справа-сверху */
    radial-gradient(1000px 500px at 120% -10%, rgba(229,75,155,.16), transparent 60%),
    /* холодная циановая подсветка снизу-справа */
    radial-gradient(1100px 560px at 120% 110%, rgba(8,209,197,.12), transparent 60%),
    /* основной вертикальный градиент */
    linear-gradient(180deg, var(--agrs-grad1) 0%, var(--agrs-grad2) 100%);
  line-height:1.65;
  font-size:16px; /* вся база — 16px */
}

/* Хелперы */
.agrs-wrap{width:min(1120px, 92%); margin-inline:auto}
.agrs-mt-48{margin-top:48px}
.agrs-title{
  font-family:Sora, Manrope, sans-serif;
  font-weight:800;
  font-size:clamp(1.75rem, 1.1rem + 2vw, 2.5rem);
  margin:0 0 12px;
}
.agrs-lead{color:var(--agrs-muted); margin:0 0 28px; font-size:1rem}

/* Тема: тёплая (янтарная) — можно навешивать на секции/блоки */
.agrs-theme-sun .agrs-title span,
.agrs-theme-sun .agrs-list i,
.agrs-theme-sun .agrs-tag{ color:var(--agrs-accent-3) }
.agrs-theme-sun .agrs-btn--grad{
  background-image:linear-gradient(135deg, var(--agrs-accent-3) 0%, var(--agrs-accent-2) 100%);
  color:#1a1005;
}
.agrs-theme-sun .agrs-badges__item{ border-color:rgba(255,177,86,.35) }

/* Кнопки и чипы */
.agrs-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:.5rem; padding:.9rem 1.15rem;
  border-radius:14px; border:1px solid var(--agrs-line);
  background:#1a2350; color:#fff; text-decoration:none; cursor:pointer;
  transition:.25s ease; font-size:1rem; line-height:1;
}
.agrs-btn--ok{background:var(--agrs-accent); color:#05131a; border-color:transparent; font-weight:800}
.agrs-btn--ok:hover{filter:brightness(1.05); transform:translateY(-1px)}
.agrs-btn--ghost{background:transparent}
.agrs-btn--ghost:hover{background:#121a3f}
.agrs-btn--grad{
  /* градиент обновлён: циан -> янтарь для большего контраста */
  background-image:linear-gradient(135deg, var(--agrs-accent) 0%, var(--agrs-accent-3) 100%);
  border:0; color:#06121c; font-weight:800
}
/* Вариант чисто тёплой кнопки */
.agrs-btn--sun{
  background-image:linear-gradient(135deg, var(--agrs-accent-3) 0%, var(--agrs-accent-2) 100%);
  border:0; color:#1a1005; font-weight:900
}

.agrs-chip{
  display:inline-flex; align-items:center; justify-content:center;
  background:#182257; border:1px solid var(--agrs-line); color:#fff;
  padding:.35rem .7rem; border-radius:999px; font-weight:800; letter-spacing:.3px; font-size:1rem;
}
.agrs-chip--age{background:#2a0f35; border-color:#632356}

/* ==== Age gate ==== */
.agrs-age{
  position:fixed; inset:0; display:none; place-items:center; backdrop-filter:blur(3px);
  background:rgba(5,10,25,.75); z-index:9999; padding:24px
}
.agrs-age__box{
  background:var(--agrs-card); border:1px solid var(--agrs-line); box-shadow:var(--agrs-shadow);
  width:min(580px, 100%); padding:30px; border-radius:var(--agrs-radius); text-align:center
}
.agrs-age__badge{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;
  margin:0 auto 12px;background:#300a3a;color:#fff;font-weight:900;border:2px solid #7b2f8e;font-size:1rem}
.agrs-age__title{font-family:Sora, Manrope, sans-serif; margin:.25rem 0; font-size:1.5rem}
.agrs-age__text{color:var(--agrs-muted); margin:0 0 18px; font-size:1rem}
.agrs-age__actions{display:flex; gap:12px; justify-content:center}

/* ==== Hero ==== */
.agrs-hero{padding:72px 0 36px}
.agrs-hero__wrap{display:grid; gap:30px; grid-template-columns:1.1fr .9fr; align-items:start}
@media (max-width:900px){ .agrs-hero__wrap{grid-template-columns:1fr} }

.agrs-hero__date{color:var(--agrs-muted); margin-left:10px; font-size:1rem}
.agrs-hero__title{
  font-family:Sora, Manrope, sans-serif; font-weight:800;
  font-size:clamp(2.6rem, 1.6rem + 3.1vw, 3.6rem);
  line-height:1.12; margin:.5rem 0 .7rem
}
.agrs-hero__title span{color:var(--agrs-accent-3)} /* акцент на заголовке — янтарный */
.agrs-hero__sub{color:#dbe6ff; margin:0 0 18px; font-size:1rem}

.agrs-badges{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:8px 0 0}
.agrs-badges__item{
  background:#172150; border:1px solid var(--agrs-line); border-radius:999px;
  padding:.55rem .9rem; display:flex; align-items:center; gap:.55rem; color:#e9f2ff; font-size:1rem
}

/* ==== Операторская карточка ==== */
.agrs-card{
  background:linear-gradient(180deg,#11183f 0%,#0e1737 100%);
  border:1px solid var(--agrs-line); border-radius:var(--agrs-radius); box-shadow:var(--agrs-shadow);
  padding:20px
}
.agrs-card__head{display:flex; align-items:center; justify-content:space-between; gap:12px}
.agrs-card__logo{
  width:64px;height:64px;border-radius:14px;display:grid;place-items:center;position:relative;
  background:#0f2147; border:1px solid var(--agrs-line); overflow:hidden
}
.agrs-card__brand{max-width:80%; max-height:80%; object-fit:contain; display:block}
.agrs-card__icon{position:absolute; inset:0; display:grid; place-items:center; color:#bcd9ff; font-size:26px}
.agrs-card__rate{display:flex; align-items:center; gap:10px}
.agrs-stars{color:#ffc14d; font-size:1rem}
.agrs-card__score{font-weight:800; font-size:1rem}
.agrs-card__body{margin-top:14px; font-size:1rem}
.agrs-tag{
  display:inline-block; background:#2a1a07; color:#ffd9a6; border:1px solid rgba(255,177,86,.45); /* теплый виджет */
  padding:.4rem .7rem; border-radius:10px; margin-bottom:10px; font-weight:800; font-size:1rem
}
.agrs-card__bonus{margin:0 0 12px; font-size:1rem}
.agrs-card__note{color:var(--agrs-muted); font-size:1rem; margin:.6rem 0 0}

/* ==== Секции / плитки ==== */
.agrs-section{padding:44px 0 10px}
.agrs-grid{display:grid; gap:18px; grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){ .agrs-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .agrs-grid{grid-template-columns:1fr} }

.agrs-tile{background:var(--agrs-card); border:1px solid var(--agrs-line); border-radius:16px; padding:18px}
.agrs-tile__icon{
  width:48px;height:48px;border-radius:12px;background:#0f2546;color:#ffd9a6; /* иконки плиток под янтарь */
  display:grid;place-items:center;margin-bottom:12px;font-size:1rem
}
.agrs-tile__title{margin:.25rem 0 .3rem; font-weight:800; font-size:1.25rem}
.agrs-tile__text{color:var(--agrs-muted); margin:0; font-size:1rem}

.agrs-list{list-style:none; padding:0; margin:12px 0; display:grid; gap:.6rem; font-size:1rem}
.agrs-list i{color:var(--agrs-accent-3); margin-right:.55rem} /* маркеры списков — янтарные */

/* ==== FAQ ==== */
.agrs-faq{padding:28px 0 60px}
.agrs-acc{background:var(--agrs-card); border:1px solid var(--agrs-line); border-radius:14px; margin:12px 0; overflow:hidden}
.agrs-acc__head{
  width:100%; text-align:left; padding:16px 18px; background:transparent; color:#fff; font-weight:800;
  display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; border:0; font-size:1rem
}
.agrs-acc__ico{transition:transform .25s ease}
.agrs-acc.is-open .agrs-acc__ico{transform:rotate(180deg)}
.agrs-acc__body{padding:0 18px; color:var(--agrs-muted); overflow:hidden; transition:max-height .3s ease; font-size:1rem}
.agrs-acc.is-open .agrs-acc__body{padding:12px 18px 18px}

/* ==== Альтернативный фон/бордер для внутренних блоков ==== */
.agrs-alt{
  background:
    radial-gradient(420px 220px at 100% 0, rgba(229,75,155,.10), transparent 60%),
    radial-gradient(380px 200px at -20% 120%, rgba(255,177,86,.10), transparent 60%), /* янтарная вуаль */
    linear-gradient(180deg, var(--agrs-inner-grad1) 0%, var(--agrs-inner-grad2) 100%) !important;
  border:1px solid var(--agrs-inner-line) !important;
  box-shadow:
    inset 0 0 0 1px rgba(8,209,197,.06),
    0 10px 30px rgba(0,0,0,.35);
}
.agrs-alt:hover{ border-color:rgba(255,177,86,.5) }
.agrs-alt .agrs-tile__icon{ background:#0d2a52; color:#ffd9a6 }

/* ==== Footer ==== */
.agrs-footer{padding:40px 0; border-top:1px solid var(--agrs-line); background:#0b122d}
.agrs-footer__grid{display:grid; grid-template-columns:2fr 1fr 1.2fr; gap:24px}
@media (max-width:900px){ .agrs-footer__grid{grid-template-columns:1fr} }

.agrs-footer__brand{display:flex; align-items:center; gap:10px; margin-bottom:10px}
.agrs-footer__title{font-family:Sora, Manrope, sans-serif; font-weight:800; font-size:1.25rem}
.agrs-footer__text{color:#d6e6ff; margin:0 0 10px; font-size:1rem}
.agrs-footer__h4{font-family:Sora, Manrope, sans-serif; font-weight:800; margin:.25rem 0 .5rem; font-size:1.125rem}

.agrs-footer__links{list-style:none; padding:0; margin:0; display:grid; gap:.45rem}
.agrs-footer__link{
  color:#d6e6ff; text-decoration:none; padding:.35rem .6rem;
  border:1px solid var(--agrs-line); border-radius:10px; display:inline-block; font-size:1rem
}
.agrs-footer__link:hover{background:#121a3f; border-color:rgba(255,177,86,.4)} /* тёплый hover */

.agrs-social{list-style:none; display:flex; gap:10px; padding:0; margin:8px 0}
.agrs-social__link{
  display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center;
  border:1px solid var(--agrs-line); border-radius:10px; color:#eaf2ff; text-decoration:none;
  transition:.2s ease
}
.agrs-social__link:hover{transform:translateY(-2px); border-color:rgba(255,177,86,.45)}

.agrs-footer__muted{color:var(--agrs-muted); margin:6px 0 0; font-size:1rem}
.agrs-footer__bar{margin-top:18px; padding-top:14px; border-top:1px solid var(--agrs-line)}
.agrs-copy{color:var(--agrs-muted); font-size:1rem; margin:0}

/* Лента доверия */
.agrs-trust{padding:12px 0 6px}
.agrs-trust__title{
  font-family:Sora, Manrope, sans-serif; font-weight:800; font-size:1.25rem; margin:0 0 10px;
  color:#ffe0b5; /* тёплый заголовок */
}
.agrs-trust__row{display:flex; flex-wrap:wrap; align-items:center; gap:12px}
.agrs-trust__item{
  display:flex; align-items:center; justify-content:center;
  background:var(--agrs-card); border:1px solid var(--agrs-line); border-radius:12px;
  padding:8px 12px; height:56px; min-width:72px; transition:.2s ease
}
.agrs-trust__item:hover{ border-color:rgba(255,177,86,.45) }
.agrs-trust__item img{max-height:55px; width:auto; display:block}

/* Полоса логотипов платёжных типов */
.agrs-logos{
  display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:flex-start;
  margin:14px 0 22px; padding:10px;
  background:
    radial-gradient(320px 160px at 0% 0%, rgba(255,177,86,.08), transparent 60%),
    linear-gradient(180deg, var(--agrs-inner-grad1) 0%, var(--agrs-inner-grad2) 100%);
  border:1px solid var(--agrs-inner-line); border-radius:14px;
}
.agrs-logos__item{
  display:flex; align-items:center; justify-content:center;
  min-width:52px; height:40px; padding:6px 10px;
  border:1px solid var(--agrs-line); border-radius:10px;
  color:#eaf2ff; text-decoration:none; transition:transform .2s ease, border-color .2s ease, background-color .2s ease;
  background:#0f2147;
}
.agrs-logos__item:hover{
  transform:translateY(-2px);
  border-color:rgba(255,177,86,.45);
  background:#102b3f;
}
.agrs-logos__item i{font-size:1.5rem; line-height:1}
.agrs-logos__item img{max-height:22px; width:auto; display:block}

/* ==== Cookie banner ==== */
.agrs-cookie{display:none; position:fixed; left:0; right:0; bottom:0; z-index:9998; padding:14px 0; background:#0c1432f2; border-top:1px solid var(--agrs-line); backdrop-filter:blur(4px)}
.agrs-cookie__wrap{display:flex; align-items:center; justify-content:space-between; gap:12px}
.agrs-cookie__text{margin:0; color:#deecff; font-size:1rem}
.agrs-cookie__actions{display:flex; gap:8px}
/* База */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
:root{
  --agrs-text:#e6eef7;
  --agrs-grad1:#0b1020;
  --agrs-grad2:#0b132b;
}

/* базовые гарантии покрытия вьюпорта */
html, body { min-height: 100%; }

body{
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--agrs-text);
  line-height: 1.65;
  font-size: 16px;

  /* 4 слоя градиентов поверх картинки */
  background:
    radial-gradient(1200px 600px at -10% -20%, rgba(255,177,86,.18), transparent 60%),
    radial-gradient(1000px 500px at 120% -10%, rgba(229,75,155,.16), transparent 60%),
    radial-gradient(1100px 560px at 120% 110%, rgba(8,209,197,.12), transparent 60%),
    linear-gradient(180deg, var(--agrs-grad1) 0%, var(--agrs-grad2) 100%);

  /* слои градиентов скроллятся обычно */
  background-size: auto, auto, auto, auto;
  background-position: center, center, center, center;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-attachment: scroll, scroll, scroll, scroll;
}

/* Фиксированная картинка отдельным слоем — стабильно и на iOS */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -1;
 background-image:
   linear-gradient(0deg, rgb(11 16 32 / 83%), rgb(6 19 62 / 88%)), url(../img/aurora-texture.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /* без attachment: fixed — он не нужен, слой уже fixed */
}

/* На случай, если хотите сразу проверить путь отдельно: 
   временно включите это правило, оно показывает только картинку
*/
/*
body{
  background: url("../img/aurora-texture.webp") center / cover no-repeat fixed !important;
}
*/
:root{
  /* Акценты в тон главного блока */
  --accent-1: #ffb156; /* тёплый оранжевый */
  --accent-2: #e54b9b; /* розовый */
  --accent-3: #08d1c5; /* бирюзовый */

  /* Градиент героя, чтобы везде совпадал */
  --accent-grad: linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 50%, var(--accent-3) 100%);
  --on-accent: #ffffff; /* цвет текста на акцентном фоне */
}

/* ===== СЕКЦИИ: мягкая подсветка как у героя ===== */
.section--accent {
  background:
    linear-gradient(180deg,
      color-mix(in oklab, var(--accent-1) 14%, transparent) 0%,
      transparent 100%);
  border: 1px solid color-mix(in oklab, var(--accent-2) 30%, transparent);
  border-radius: 20px;
  box-shadow: 0 12px 32px -12px color-mix(in oklab, var(--accent-2) 35%, transparent);
}

/* Вариант с ярким заливом (например, промо-блоки) */
.section--accent-solid {
  background: var(--accent-grad);
  color: var(--on-accent);
  border-radius: 20px;
  box-shadow: 0 14px 36px -12px color-mix(in oklab, var(--accent-3) 40%, transparent);
}

/* ===== КАРТОЧКИ ===== */
.card--accent {
  background: color-mix(in oklab, var(--accent-1) 10%, rgba(0,0,0,.0));
  border: 1px solid color-mix(in oklab, var(--accent-1) 35%, transparent);
  border-radius: 16px;
  box-shadow:
    0 0 0 1px color-mix(in oklab, var(--accent-2) 25%, transparent) inset,
    0 10px 28px -14px color-mix(in oklab, var(--accent-2) 35%, transparent);
}

/* ===== КНОПКИ ===== */
.btn--accent {
  background: var(--accent-grad);
  color: var(--on-accent);
  border: 0;
  border-radius: 999px;
  padding: 12px 20px;
  font-weight: 700;
  line-height: 1;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
  box-shadow: 0 8px 20px -8px color-mix(in oklab, var(--accent-2) 45%, transparent);
}
.btn--accent:hover { transform: translateY(-1px); filter: brightness(1.05); }
.btn--accent:active { transform: translateY(0); filter: brightness(.97); }

/* ===== БЕЙДЖИ/ЧИПЫ ===== */
.chip--accent {
  display: inline-block;
  padding: 6px 10px;
  font-size: .875rem;
  border-radius: 999px;
  background: color-mix(in oklab, var(--accent-3) 20%, transparent);
  color: color-mix(in oklab, var(--accent-3) 85%, #ffffff);
  border: 1px solid color-mix(in oklab, var(--accent-3) 45%, transparent);
}

/* ===== ТЕКСТ/ПОДЧЁРКИВАНИЕ ===== */
.text--accent { color: var(--accent-1); }
.underline--accent {
  background-image: linear-gradient(to right, var(--accent-1), var(--accent-2));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  padding-bottom: 2px;
}

/* ===== Декоративная левая полоса для заголовков секций ===== */
.section-title--accent {
  position: relative;
  padding-left: 14px;
}
.section-title--accent::before{
  content:"";
  position: absolute; left: 0; top: 0; bottom: 0;
  width: 4px;
  background: var(--accent-grad);
  border-radius: 4px;
}
/* ===== Базовый хук для секции ===== */
.agrs-section{
  /* по умолчанию — как в герое */
  --ac1: #ffb156; /* оранжевый */
  --ac2: #e54b9b; /* розовый */
  --ac3: #08d1c5; /* бирюзовый */
  --agrs-grad: linear-gradient(135deg, var(--ac1), var(--ac2), var(--ac3));
}

/* Общая стилизация внутри секции под выбранные цвета */
.agrs-section .agrs-title{
  position: relative; padding-left: 14px;
}
.agrs-section .agrs-title::before{
  content:""; position:absolute; left:0; top:.2em; bottom:.2em; width:4px;
  background: var(--agrs-grad); border-radius: 4px;
}
.agrs-section .agrs-lead{ 
  border-left: 3px solid color-mix(in oklab, var(--ac2) 55%, transparent);
  padding-left: 12px;
}
.agrs-section .agrs-tile{
  background: color-mix(in oklab, var(--ac1) 12%, transparent);
  border: 1px solid color-mix(in oklab, var(--ac1) 40%, transparent);
  border-radius: 16px;
  box-shadow: 0 12px 28px -16px color-mix(in oklab, var(--ac2) 45%, transparent);
  transition: transform .15s ease, box-shadow .15s ease;
}
.agrs-section .agrs-tile:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 38px -18px color-mix(in oklab, var(--ac2) 55%, transparent);
}
.agrs-section .agrs-tile__icon i{
  font-size: 24px; line-height: 1;
  background: var(--agrs-grad);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.agrs-section .agrs-list i.fa-check{ color: var(--ac1); }

/* ===== Варианты для всей секции ===== */
.agrs-section--ocean { --ac1:#4facfe; --ac2:#00f2fe; --ac3:#00c6ff; }
.agrs-section--violet{ --ac1:#a18cd1; --ac2:#fbc2eb; --ac3:#7f53ac; }
.agrs-section--mint  { --ac1:#9be15d; --ac2:#00e3ae; --ac3:#64e8de; }
.agrs-section--amber { --ac1:#ffd166; --ac2:#ff8fab; --ac3:#ff6f61; }

/* ===== Точечные темы для отдельных карточек (кастомизируйте по месту) ===== */
.theme-ocean { --ac1:#4facfe; --ac2:#00f2fe; --ac3:#00c6ff; --agrs-grad:linear-gradient(135deg,#4facfe,#00f2fe,#00c6ff); }
.theme-violet{ --ac1:#a18cd1; --ac2:#fbc2eb; --ac3:#7f53ac; --agrs-grad:linear-gradient(135deg,#a18cd1,#fbc2eb,#7f53ac); }
.theme-mint  { --ac1:#9be15d; --ac2:#00e3ae; --ac3:#64e8de; --agrs-grad:linear-gradient(135deg,#9be15d,#00e3ae,#64e8de); }
.theme-amber { --ac1:#ffd166; --ac2:#ff8fab; --ac3:#ff6f61; --agrs-grad:linear-gradient(135deg,#ffd166,#ff8fab,#ff6f61); }
/* ===== Контейнер (если у вас нет .agrs-wrap — оставьте) ===== */
.agrs-wrap{
  width: min(1200px, 100% - 32px);
  margin-inline: auto;
}

/* ===== Header ===== */
.agrs-header{
  position: sticky; top: 0; z-index: 1000;
  padding-top: env(safe-area-inset-top); /* для iOS вырезов */
  background: var(--hdr-bg);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid var(--hdr-bd);
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}

/* вариант “прозрачный над героем” (включите атрибут на <header>) */
.agrs-header[data-transparent="true"]{
  background: transparent; border-color: transparent; box-shadow: none;
}

/* компактное состояние (добавьте класс .is-scrolled на header при скролле) */
.agrs-header.is-scrolled{
  background: rgba(10,14,22,.72);
  border-bottom-color: rgba(255,255,255,.14);
  box-shadow: 0 10px 30px -20px rgba(0,0,0,.6);
}

.agrs-header__inner{
  display: flex; align-items: center; justify-content: space-between;
  min-height: 64px; gap: 16px;
}

/* ===== Лого ===== */
.agrs-logo img{
  display: block; height: 32px; width: auto;
  transition: transform .15s ease, filter .2s ease, opacity .2s ease;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.25));
}
.agrs-logo:hover img{ transform: translateY(-1px); }

/* ===== Навигация ===== */
.agrs-nav{
  display: flex; align-items: center; gap: clamp(8px, 2.2vw, 18px);
}
.agrs-nav a{
  --pad-y: .55rem; --pad-x: .9rem;
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  padding: var(--pad-y) var(--pad-x);
  border-radius: 999px;
  color: var(--text-1); text-decoration: none; font-weight: 700;
  line-height: 1; letter-spacing: .01em;
  transition: color .2s ease, background-color .2s ease, transform .12s ease;
}

/* мягкая “пилюля” при ховере */
.agrs-nav a:hover{
  background: rgba(255,255,255,.06);
  transform: translateY(-1px);
}

/* фокус для клавиатуры */
.agrs-nav a:focus-visible{
  outline: 2px solid color-mix(in oklab, var(--accent-2) 60%, transparent);
  outline-offset: 2px;
  background: rgba(255,255,255,.06);
}

/* активная страница: подсветка + градиентное подчёркивание */
.agrs-nav a[aria-current="page"]{
  background: rgba(255,255,255,.10);
}
.agrs-nav a::after{
  content: "";
  position: absolute; left: 12px; right: 12px; bottom: 7px;
  height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, var(--accent-1), var(--accent-2), var(--accent-3));
  transform: scaleX(0); transform-origin: left center;
  transition: transform .25s ease;
}
.agrs-nav a:hover::after,
.agrs-nav a[aria-current="page"]::after{
  transform: scaleX(1);
}

/* ===== Адаптив ===== */
@media (max-width: 720px){
  .agrs-header__inner{ min-height: 56px; }
  .agrs-nav a{ --pad-y: .5rem; --pad-x: .8rem; font-weight: 600; }
  .agrs-logo img{ height: 28px; }
}

/* уважение к reduce-motion */
@media (prefers-reduced-motion: reduce){
  .agrs-logo img, .agrs-nav a, .agrs-nav a::after, .agrs-header{
    transition: none !important;
  }
}
/* фолбэк-акценты на случай, если не объявлены */
:root{
  --accent-1:#ffb156; --accent-2:#e54b9b; --accent-3:#08d1c5;
  --accent-grad: linear-gradient(135deg,var(--accent-1),var(--accent-2),var(--accent-3));
  --text-1:#e6eef7;
}

/* текстовый логотип */
.agrs-logo--text{
  display:inline-flex; align-items:center; gap:.5rem;
  text-decoration:none;
}
.agrs-logo__text{
  font-weight: 900;
  font-size: clamp(20px, 3.2vw, 28px);
  line-height: 1;
  letter-spacing: .2px;
  background: var(--accent-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; /* градиентный текст */
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.25));
  transition: transform .15s ease, filter .2s ease;
}
.agrs-logo--text:hover .agrs-logo__text{ transform: translateY(-1px); filter: drop-shadow(0 2px 0 rgba(0,0,0,.25)); }

/* если ранее были правила для .agrs-logo img — они больше не нужны */
@media (prefers-reduced-motion: reduce){
  .agrs-logo__text{ transition: none !important; }
}