/* ===================================================================
   Astrea Aurora  global redesign v5  (overlay поверх index-CpxdgOnf.css)
   Меняем ВЕСЬ визуальный язык: шрифт, поверхности, кнопки, навигацию,
   хедер, инпуты, шиты, прогресс, атмосферу. JS/верстку не трогаем.
   =================================================================== */

/* ---- 1. Токены + новый шрифт Manrope ---- */
:root{
  --font-sans:"Manrope","Manrope Variable","Inter Variable","Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  --color-brand:#4d8dff;
  --color-page:#05070e;
  --color-ink:#eef3ff;
  --color-sub:#9fb2d8;
  --color-faint:#6c7fab;
  --color-ghost:#485784;
  --color-onbrand:#f2f7ff;
  --color-card:#0d1524;
  --color-seg:#0f1830;
  --color-line-soft:#1b2740;
  --color-line:#2a3c60;
  --brand-hi:#8fbcff;
  --brand-mid:#4d8dff;
  --brand-deep:#2559d4;
}
body{letter-spacing:-.015em}

/* ---- 2. Атмосфера: аврора + вижнетка + зерно ---- */
body::before{
  background-image:
    radial-gradient(140% 68% at 50% -18%, rgba(77,141,255,.44), transparent 58%),
    radial-gradient(85% 48% at 88% -6%, rgba(120,185,255,.20), transparent 55%),
    radial-gradient(95% 55% at 4% 106%, rgba(47,102,214,.18), transparent 60%),
    radial-gradient(62% 42% at 50% 122%, rgba(130,180,255,.11), transparent 60%),
    radial-gradient(1px at 12px 12px, rgba(150,185,255,.12) 1px, transparent 1.6px);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,30px 30px;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(125% 95% at 50% 36%, transparent 50%, rgba(1,3,9,.6) 100%);
}

/* ---- 3. Поверхности: премиум-панели с кантом и глубиной ---- */
.glass-card{
  background:
    linear-gradient(180deg, rgba(150,185,255,.10), rgba(150,185,255,0) 34%),
    linear-gradient(180deg, rgba(77,141,255,.05), rgba(77,141,255,0) 72%),
    rgba(13,21,38,.82);
  border:1px solid rgba(125,165,255,.15);
  border-radius:20px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 18px 40px -22px rgba(0,3,10,.95),
    0 6px 16px -12px rgba(0,3,10,.85);
}
/* карточки на bg-card (пустой стейт, преимущества, мини, шапка новостей) */
.rounded-2xl.bg-card, .rounded-xl.bg-card{
  border:1px solid rgba(125,165,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 14px 32px -22px rgba(0,3,10,.9);
}
/* вторичные чипы-кнопки */
.glass-chip{
  background:
    linear-gradient(180deg, rgba(155,190,255,.13), rgba(155,190,255,0) 55%),
    rgba(20,30,50,.78);
  border:1px solid rgba(135,170,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px -14px rgba(0,3,10,.9);
}
.icon-tile{
  background:linear-gradient(180deg, rgba(120,170,255,.20), rgba(77,141,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 0 1px rgba(120,170,255,.18);
  color:var(--brand-hi);
}

/* ---- 4. Кнопки: глянцевый бренд-градиент + свечение ---- */
.gradient-nbb{
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 34%),
    linear-gradient(140deg, #6aa6ff 0%, #4d8dff 44%, #2a5fd6 100%);
}
.glow-brand{
  box-shadow:
    0 14px 32px -12px rgba(77,141,255,.60),
    0 4px 12px -5px rgba(77,141,255,.42),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -7px 16px -9px rgba(10,20,50,.5);
}
button.gradient-nbb{position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(6,16,44,.45)}
button.gradient-nbb::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg, transparent 34%, rgba(255,255,255,.28) 50%, transparent 66%);
  transform:translateX(-130%);animation:astrea-sheen 5s ease-in-out infinite;
}
@keyframes astrea-sheen{0%,16%{transform:translateX(-130%)}40%,100%{transform:translateX(130%)}}
button.gradient-nbb:disabled{background-image:none;box-shadow:none;text-shadow:none}
button.gradient-nbb:disabled::after{display:none}

/* ---- 5. Навигация: фирменный плавающий пилюль-таб-бар + хедер ---- */
.rounded-full.border-white\/10.bg-\[\#0d1424\]\/80{
  border:1px solid rgba(130,170,255,.16);
  background:linear-gradient(180deg, rgba(20,30,52,.86), rgba(11,18,34,.9));
  box-shadow:
    0 18px 44px -12px rgba(0,3,10,.8),
    inset 0 1px 0 rgba(255,255,255,.08);
}
/* активная пилюля навигации: глянцевый бренд-градиент вместо bg-brand/15 */
.absolute.rounded-full.bg-brand\/15{
  background:linear-gradient(180deg, rgba(106,166,255,.30), rgba(58,123,240,.22)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 6px 16px -8px rgba(77,141,255,.55) !important;
}
/* липкий хедер: глубже блюр, брендовый кант снизу */
.sticky.top-0.border-b.border-white\/5{
  background:rgba(6,10,20,.72);
  border-bottom:1px solid rgba(125,165,255,.12);
  backdrop-filter:blur(16px) saturate(140%);
}

/* ---- 6. Инпуты, шиты, прогресс ---- */
input.bg-page, textarea.bg-page{
  border-radius:14px;
  border:1px solid rgba(125,165,255,.16);
  background:rgba(9,14,26,.9);
  box-shadow:inset 0 1px 2px rgba(0,3,10,.5);
  transition:border-color .15s, box-shadow .15s;
}
input.bg-page:focus, textarea.bg-page:focus{
  border-color:var(--color-brand);
  box-shadow:0 0 0 3px rgba(77,141,255,.22), inset 0 1px 2px rgba(0,3,10,.5);
}
/* нижние шиты: грабер сверху + брендовый кант */
.rounded-t-3xl.border-t.border-white\/10{
  border-top:1px solid rgba(125,165,255,.16);
  box-shadow:0 -24px 60px -20px rgba(0,3,10,.9);
}
.rounded-t-3xl.border-t.border-white\/10::before{
  content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);
  width:38px;height:4px;border-radius:99px;background:rgba(150,185,255,.30);
}
/* прогресс-трафик: глянцевый бренд-градиент вместо плоского */
.bg-seg > .bg-brand, .bg-seg .h-full.bg-brand{
  background-image:linear-gradient(90deg, #4d8dff, #8fbcff);
  box-shadow:0 0 12px -2px rgba(77,141,255,.6);
}

/* ---- 7. Per-screen: Тарифы / Новости / Главная ---- */
/* Тарифы: популярная = герой */
.gradient-nbb.rounded-2xl.p-5{
  box-shadow:
    0 0 0 1px rgba(150,185,255,.40),
    0 26px 56px -18px rgba(77,141,255,.66),
    0 10px 22px -12px rgba(77,141,255,.5);
}
/* обычные карточки тарифов: верхний бренд-акцент + подъём эмблемы */
.glass-card.rounded-2xl.p-5{position:relative}
.glass-card.rounded-2xl.p-5::before{
  content:"";position:absolute;left:22px;right:22px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(150,185,255,.55),transparent);
}
.glass-card.rounded-2xl.p-5 > span:first-child{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 6px 14px -8px rgba(0,3,10,.7);
}
/* селектор срока: скользящая пилюля глянцевая */
.bg-seg > .absolute.bg-brand{
  background-image:linear-gradient(180deg,#6aa6ff,#3a7bf0);
  box-shadow:0 8px 18px -8px rgba(77,141,255,.7), inset 0 1px 0 rgba(255,255,255,.35);
}
/* Новости: закреплённый пост */
article.glass-card:has(.bg-brand){
  border-left:2px solid var(--color-brand);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 16px 36px -20px rgba(0,3,10,.92), -7px 0 22px -14px rgba(77,141,255,.7);
}
/* Главная: имя в hero градиентом + живые чипы */
h1.uppercase.text-3xl.font-black{
  background:linear-gradient(180deg,#ffffff,#a9ccff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.rounded-full.bg-brand\/10{
  background-image:linear-gradient(180deg,rgba(120,170,255,.16),rgba(77,141,255,.05));
  box-shadow:inset 0 0 0 1px rgba(120,170,255,.20);
}

/* ---- 8. Полировка ---- */
:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:8px}
::selection{background:rgba(77,141,255,.34);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(120,160,255,.20);border-radius:8px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-track{background:transparent}
@media (prefers-reduced-motion:reduce){
  button.gradient-nbb::after{animation:none;opacity:0}
}