/* Стили главной страницы (вынесены из <style> в head 2026-07-10). Подключают index.html и help.html.
   При правке поднимать ?v=N в ОБОИХ файлах. */

/* Десктоп-навбар: кнопка «Войти» с иконкой входа (на месте FAQ). Показываем только гостю. */
.nav-login {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 1.15rem;
    border: 1.5px solid var(--dusty-lavender);
    border-radius: 50px;
    color: var(--deep-plum) !important;
    font-weight: 600;
    transition: background 0.3s ease, border-color 0.3s ease;
}
.nav-login:hover {
    background: var(--light-lavender);
    border-color: var(--deep-plum);
}
.nav-login-icon { flex-shrink: 0; }
/* Авторизованному пользователю «Войти» в навбаре не нужен */
nav.nav--authed .nav-login-item { display: none; }
/* Мобильное меню: гостю — навигация (Как это работает/Методы/Отзывы/FAQ),
   авторизованному вместо неё — личный кабинет (Профиль/ИИ баланс/Моя анкета). */
.mobile-nav-account-links { display: none; }
.mobile-menu--authed .mobile-nav-guest-links { display: none; }
.mobile-menu--authed .mobile-nav-account-links { display: flex; }
/* Меню не «примагничено»: остаётся вверху страницы и уезжает при скролле
   (переопределяет position:fixed из общего index.css — только на главной). */
nav { position: absolute; }
/* CTA под шагами «Как проходит беседа» */
.how-cta { text-align: center; margin-top: 3rem; }