/* ============================================================
     ОБЩИЕ ПЕРЕМЕННЫЕ
     ============================================================ */
:root {
    --accent-color: #ff0000;
    --accent-hover: #e60000;
    --text-dark: #3b3d42;
    --text-gray: #6c6e70;
    --text-body: #4c4c4c;
    --bg-light: #f9f9f9;
    --white: #ffffff;
    --main-font: 'Montserrat', sans-serif;
    --alt-font: 'Montserrat Alternates', sans-serif;
}




/* ============================================================
     ИСПРАВЛЕНИЕ МЕЖСТРОЧНОГО ИНТЕРВАЛА У ЗАГОЛОВКОВ CTA
     ============================================================ */

@media (max-width: 768px) {
    /* Для блока CTA */
    .vb-cta__title {
        line-height: 1.4em !important;
        margin-bottom: 12px !important;
    }
}

/* Если такие же проблемы в других блоках — можно добавить общее правило */
@media (max-width: 768px) {
    .vb-cta__title,
    .science-block__title,
    .career-block__title,
    .education-block__title,
    .help-block__title,
    .contacts-block__title,
    .intro-block__title,
    .vb-price__title,
    .vb-steps__title,
    .vb-form-important__title {
        line-height: 1.4em !important;
        margin-bottom: 12px !important;
    }
}




t-uptitle {
  
    letter-spacing: 0.5px!important;}





body {
    box-shadow: inset 0px 600px 300px -450px rgba(124, 124, 124, 0.8);
}

/* ============================================================
     БЛОКИ БЛОГА (rec3430705201, rec3643937101, rec3644092001)
     ============================================================ */

/* ----- 1. ОБЁРТКА ПОПАПА ----- */
.t-cms__page-container_popup_full,
.t-cms__page-container_snippet {
    background-color: #ffffff !important;
    padding: 0 10px !important;
    cursor: auto !important;
    box-sizing: border-box !important;
}

/* ----- 2. ШАПКА БЛОГА (кнопка слева, заголовок по центру, линия снизу) ----- */
#rec3430705201 .t-cms__page-header,
#rec3643937101 .t-cms__page-header,
#rec3644092001 .t-cms__page-header {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 16px 0 !important;
    border-bottom: none !important;
}

/* Кнопка "назад" — абсолютно слева */
#rec3430705201 .t-cms__page-header__back-button,
#rec3643937101 .t-cms__page-header__back-button,
#rec3644092001 .t-cms__page-header__back-button {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    background-color: #ff0000 !important;
    border-radius: 50% !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(255, 0, 0, 0.3) !important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
}
#rec3430705201 .t-cms__page-header__back-button:hover,
#rec3643937101 .t-cms__page-header__back-button:hover,
#rec3644092001 .t-cms__page-header__back-button:hover {
    background-color: #e60000 !important;
    transform: translateY(-50%) scale(1.05) !important;
    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.5) !important;
}
#rec3430705201 .t-cms__page-header__back-button svg,
#rec3643937101 .t-cms__page-header__back-button svg,
#rec3644092001 .t-cms__page-header__back-button svg {
    width: 18px !important;
    height: 18px !important;
    fill: #ffffff !important;
}
#rec3430705201 .t-cms__page-header__back-button svg path,
#rec3643937101 .t-cms__page-header__back-button svg path,
#rec3644092001 .t-cms__page-header__back-button svg path {
    fill: #ffffff !important;
}

/* Заголовок — по центру */
#rec3430705201 .t-cms__page-header__title.t-descr.t-descr_xxs,
#rec3643937101 .t-cms__page-header__title.t-descr.t-descr_xxs,
#rec3644092001 .t-cms__page-header__title.t-descr.t-descr_xxs {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    text-transform: uppercase !important;
    line-height: 2.5em !important;
    letter-spacing: 1px !important;
    margin: 0 !important;
    text-align: center !important;
    padding: 0 50px !important;
}

/* Градиентная линия под шапкой */
#rec3430705201 .t-cms__page-header::after,
#rec3643937101 .t-cms__page-header::after,
#rec3644092001 .t-cms__page-header::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: linear-gradient(90deg,
        transparent 0%,
        #ff0000 30%,
        #ff0000 70%,
        transparent 100%
    ) !important;
    border-radius: 2px !important;
    opacity: 0.8 !important;
}

/* ----- 3. КАРТОЧКИ ПОСТОВ ----- */
#rec3430705201 .t-cms__card,
#rec3643937101 .t-cms__card,
#rec3644092001 .t-cms__card {
    background: var(--bg-light) !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
#rec3430705201 .t-cms__card:hover,
#rec3643937101 .t-cms__card:hover,
#rec3644092001 .t-cms__card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}

/* Градиентная линия слева */
#rec3430705201 .t-cms__card::before,
#rec3643937101 .t-cms__card::before,
#rec3644092001 .t-cms__card::before {
    content: '' !important;
    position: absolute !important;
    top: 10% !important;
    left: 0 !important;
    width: 3px !important;
    height: 80% !important;
    background: linear-gradient(180deg,
        transparent 0%,
        var(--accent-color) 30%,
        var(--accent-color) 70%,
        transparent 100%
    ) !important;
    border-radius: 2px !important;
    opacity: 0.7 !important;
    transition: opacity 0.3s ease !important;
    z-index: 2 !important;
}
#rec3430705201 .t-cms__card:hover::before,
#rec3643937101 .t-cms__card:hover::before,
#rec3644092001 .t-cms__card:hover::before {
    opacity: 1 !important;
}

/* ----- 4. ИЗОБРАЖЕНИЯ В КАРТОЧКАХ ----- */
#rec3430705201 .t-cms__card__image,
#rec3643937101 .t-cms__card__image,
#rec3644092001 .t-cms__card__image {
    border-radius: 3px 3px 0 0 !important;
    transition: transform 0.4s ease !important;
}
#rec3430705201 .t-cms__card:hover .t-cms__card__image,
#rec3643937101 .t-cms__card:hover .t-cms__card__image,
#rec3644092001 .t-cms__card:hover .t-cms__card__image {
    transform: scale(1.02) !important;
}

/* ----- 5. МЕТКА (категория) ----- */
#rec3430705201 .t-cms__card__molecule_label,
#rec3643937101 .t-cms__card__molecule_label,
#rec3644092001 .t-cms__card__molecule_label {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 3 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 3px !important;
    padding: 4px 12px !important;
    backdrop-filter: blur(4px) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}
#rec3430705201 .t-cms__card__atom[data-style="label_typo"],
#rec3643937101 .t-cms__card__atom[data-style="label_typo"],
#rec3644092001 .t-cms__card__atom[data-style="label_typo"] {
    font-family: var(--main-font) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--accent-color) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* ----- 6. ДАТА ----- */
#rec3430705201 .t-cms__card__atom[data-style="text_typo"],
#rec3643937101 .t-cms__card__atom[data-style="text_typo"],
#rec3644092001 .t-cms__card__atom[data-style="text_typo"] {
    font-family: var(--main-font) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--text-gray) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

/* ----- 7. ЗАГОЛОВОК КАРТОЧКИ ----- */
#rec3430705201 .t-cms__card__atom[data-style="title_typo"],
#rec3643937101 .t-cms__card__atom[data-style="title_typo"],
#rec3644092001 .t-cms__card__atom[data-style="title_typo"] {
    font-family: var(--main-font) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-dark) !important;
    line-height: 1.3 !important;
    transition: color 0.3s ease !important;
}
#rec3430705201 .t-cms__card:hover .t-cms__card__atom[data-style="title_typo"],
#rec3643937101 .t-cms__card:hover .t-cms__card__atom[data-style="title_typo"],
#rec3644092001 .t-cms__card:hover .t-cms__card__atom[data-style="title_typo"] {
    color: var(--accent-color) !important;
}

/* ----- 8. ОПИСАНИЕ ----- */
#rec3430705201 .t-cms__card__atom[data-style="descr_typo"],
#rec3643937101 .t-cms__card__atom[data-style="descr_typo"],
#rec3644092001 .t-cms__card__atom[data-style="descr_typo"] {
    font-family: var(--main-font) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: var(--text-body) !important;
}

/* ----- 9. ВНУТРЕННИЕ ОТСТУПЫ КАРТОЧКИ ----- */
#rec3430705201 .t-cms__card__cell_txt,
#rec3643937101 .t-cms__card__cell_txt,
#rec3644092001 .t-cms__card__cell_txt {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}
#rec3430705201 .t-cms__card__cell_txt .t-cms__card__molecule_txt,
#rec3643937101 .t-cms__card__cell_txt .t-cms__card__molecule_txt,
#rec3644092001 .t-cms__card__cell_txt .t-cms__card__molecule_txt {
    margin-bottom: 0px !important;
}
#rec3430705201 .t-cms__card__cell_txt .t-cms__card__molecule_btn,
#rec3643937101 .t-cms__card__cell_txt .t-cms__card__molecule_btn,
#rec3644092001 .t-cms__card__cell_txt .t-cms__card__molecule_btn {
    margin-top: 0px !important;
}

/* ----- 10. СЕТКА ОТСТУПОВ МЕЖДУ КАРТОЧКАМИ ----- */
#rec3430705201 .t2823__items,
#rec3643937101 .t2823__items,
#rec3644092001 .t2823__items {
    --cards-row-gap: 20px !important;
    --cards-column-gap: 20px !important;
    gap: 20px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
}
@media (max-width: 960px) {
    #rec3430705201 .t2823__items,
    #rec3643937101 .t2823__items,
    #rec3644092001 .t2823__items {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
    }
}
@media (max-width: 640px) {
    #rec3430705201 .t2823__items,
    #rec3643937101 .t2823__items,
    #rec3644092001 .t2823__items {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}



/* ----- 12. АДАПТИВ ДЛЯ МОБИЛЬНЫХ (шапка) ----- */
@media (max-width: 768px) {
    #rec3430705201 .t-cms__page-header,
    #rec3643937101 .t-cms__page-header,
    #rec3644092001 .t-cms__page-header {
        padding: 12px 0 !important;
    }
    #rec3430705201 .t-cms__page-header__back-button,
    #rec3643937101 .t-cms__page-header__back-button,
    #rec3644092001 .t-cms__page-header__back-button {
        width: 34px !important;
        height: 34px !important;
        left: 4px !important;
    }
    #rec3430705201 .t-cms__page-header__back-button svg,
    #rec3643937101 .t-cms__page-header__back-button svg,
    #rec3644092001 .t-cms__page-header__back-button svg {
        width: 16px !important;
        height: 16px !important;
    }
    #rec3430705201 .t-cms__page-header__title.t-descr.t-descr_xxs,
    #rec3643937101 .t-cms__page-header__title.t-descr.t-descr_xxs,
    #rec3644092001 .t-cms__page-header__title.t-descr.t-descr_xxs {
        font-size: 18px !important;
        letter-spacing: 1px !important;
        line-height: 1.4em !important;
        padding: 0 44px !important;
    }
}
@media (max-width: 480px) {
    #rec3430705201 .t-cms__page-header,
    #rec3643937101 .t-cms__page-header,
    #rec3644092001 .t-cms__page-header {
        padding: 10px 0 !important;
    }
    #rec3430705201 .t-cms__page-header__back-button,
    #rec3643937101 .t-cms__page-header__back-button,
    #rec3644092001 .t-cms__page-header__back-button {
        width: 30px !important;
        height: 30px !important;
        left: 2px !important;
    }
    #rec3430705201 .t-cms__page-header__back-button svg,
    #rec3643937101 .t-cms__page-header__back-button svg,
    #rec3644092001 .t-cms__page-header__back-button svg {
        width: 14px !important;
        height: 14px !important;
    }
    #rec3430705201 .t-cms__page-header__title.t-descr.t-descr_xxs,
    #rec3643937101 .t-cms__page-header__title.t-descr.t-descr_xxs,
    #rec3644092001 .t-cms__page-header__title.t-descr.t-descr_xxs {
        font-size: 15px !important;
        letter-spacing: 1px !important;
        line-height: 1.4em !important;
        padding: 0 38px !important;
    }
}

/* ============================================================
     T-FEED ПОСТ – СТИЛИ САЙТА (БЕЗ ЗАЛИВКИ У RELEVANTS)
     ============================================================ */
.t-feed__post-popup {
    font-family: 'Montserrat', sans-serif !important;
    background: #ffffff !important;
}
.t-feed__post-popup__close-wrapper {
    padding: 20px 24px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}
.t-popup__close-icon {
    stroke: #202020 !important;
    transition: stroke 0.3s ease !important;
}
.t-popup__close-icon:hover {
    stroke: #ff0000 !important;
}
.t-feed__post-popup__close-text {
    color: #202020 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}
.t-feed__post-popup__close-text:hover {
    color: #ff0000 !important;
}
.t-feed__post-popup__cover-wrapper {
    border-radius: 3px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
}
.t-feed__post-popup__cover-wrapper img {
    border-radius: 3px !important;
}
.t-feed__post-popup__title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #3b3d42 !important;
    line-height: 1.3 !important;
    margin: 0 0 12px 0 !important;
}
.t-feed__post-popup__date-parts-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-bottom: 16px !important;
}
.t-feed__post-popup__date {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #6c6e70 !important;
    text-transform: none !important;
}
.t-feed__post-popup__tag {
    background: transparent !important;
    color: #ff0000 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    border: 1px solid #ff0000 !important;
    border-radius: 3px !important;
    padding: 2px 12px !important;
    transition: background 0.3s ease, color 0.3s ease !important;
}
.t-feed__post-popup__tag:hover {
    background: #ff0000 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
.t-feed__post-popup__tag .t-uptitle {
    font-size: inherit !important;
}
.t-feed__post-popup__text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #4c4c4c !important;
}
.t-feed__post-popup__text .t-redactor__text {
    font-size: inherit !important;
    line-height: inherit !important;
}
.t-feed__post-popup__text ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 16px 0 !important;
}
.t-feed__post-popup__text ul li {
    padding-left: 24px !important;
    position: relative !important;
    margin-bottom: 8px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #4c4c4c !important;
}
.t-feed__post-popup__text ul li::before {
    content: '—' !important;
    position: absolute !important;
    left: 0 !important;
    color: #ff0000 !important;
    font-weight: 700 !important;
}
.t-feed__post-popup__text a {
    color: #ff0000 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    position: relative !important;
    transition: color 0.3s ease !important;
}
.t-feed__post-popup__text a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 100% !important;
    height: 1.5px !important;
    background: linear-gradient(90deg, transparent 0%, #ff0000 30%, #ff0000 70%, transparent 100%) !important;
    border-radius: 2px !important;
    opacity: 0 !important;
    transform: scaleX(0.7) !important;
    transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transform-origin: center !important;
}
.t-feed__post-popup__text a:hover::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}
.t-feed__post-popup__text a:hover {
    color: #e60000 !important;
}
.t-feed__post-popup__relevants {
    padding: 30px 20px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
    background: transparent !important;
}
.t-feed__post-popup__relevants-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #3b3d42 !important;
    text-transform: uppercase !important;
    letter-spacing: inherit !important;
    margin: 50px 0 45px !important;
}
.t-feed__post-popup__relevants-item {
    background: #ffffff !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    padding: 16px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.t-feed__post-popup__relevants-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
}
.t-feed__post-popup__relevants-item-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #3b3d42 !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
}
.t-feed__post-popup__relevants-item-title:hover {
    color: #ff0000 !important;
}

/* ===== АДАПТИВ T-FEED ===== */
@media (max-width: 768px) {
    .t-feed__post-popup__title { font-size: 24px !important; }
    .t-feed__post-popup__text { font-size: 16px !important; }
    .t-feed__post-popup__text ul li { font-size: 16px !important; }
    .t-feed__post-popup__relevants-title { font-size: 16px !important; margin: 30px 0 25px !important; }
    .t-feed__post-popup__relevants-item-title { font-size: 15px !important; }
    .t-feed__post-popup__close-wrapper { padding: 16px 18px !important; }
}
@media (max-width: 480px) {
    .t-feed__post-popup__title { font-size: 20px !important; }
    .t-feed__post-popup__text { font-size: 15px !important; }
    .t-feed__post-popup__text ul li { font-size: 15px !important; }
    .t-feed__post-popup__relevants-title { font-size: 14px !important; margin: 20px 0 15px !important; }
    .t-feed__post-popup__relevants-item { padding: 14px !important; }
}

/* ============================================================
     ЗАГОЛОВКИ – МОБИЛЬНАЯ ВЕРСИЯ (ФИНАЛ)
     ============================================================ */
@media (max-width: 768px) {
    #rec3572730001 .t050__title.t-title.t-title_xxl,
    .t050__title.t-title.t-title_xxl {
        display: block !important;
        text-align: center !important;
        line-height: 1.4 !important;
        padding-bottom: 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        font-size: 24px !important;
    }
    .science-block__title,
    .career-block__title,
    .education-block__title,
    .help-block__title,
    .contacts-block__title,
    .intro-block__title {
        display: block !important;
        text-align: center !important;
        line-height: 1.4 !important;
        padding-bottom: 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }
    .intro-block .h2,
    .yt-section__title {
        display: block !important;
        text-align: center !important;
        line-height: 1.4 !important;
        padding-bottom: 10px !important;
    }
}

/* ============================================================
     ПОДЧЁРКИВАНИЕ ДЛЯ ЗАГОЛОВКОВ h2 С КЛАССАМИ t050__title
     ============================================================ */
h2.t050__title.t-title.t-title_xxl {
    position: relative !important;
    display: inline-block !important;
}
h2.t050__title.t-title.t-title_xxl::after {
    content: '' !important;
    position: absolute !important;
    bottom: -4px !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--accent-color, #ff0000) 30%, 
        var(--accent-color, #ff0000) 70%, 
        transparent 100%) !important;
    border-radius: 2px !important;
    opacity: 0.8 !important;
    transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
    transform: scaleX(1) !important;
    transform-origin: center !important;
}
h2.t050__title.t-title.t-title_xxl:hover::after {
    opacity: 1 !important;
    transform: scaleX(1.05) !important;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--accent-color, #ff0000) 20%, 
        var(--accent-color, #ff0000) 80%, 
        transparent 100%) !important;
    box-shadow: 0 0 12px rgba(255, 0, 0, 0.2) !important;
}