/* -------------------------- */
/* Глобальные стили           */
/* -------------------------- */
html { scroll-behavior: smooth; }
body {
    background-color: #080808;
}

#rec1247959201 .t-feed__post {
  cursor: default !important;
  pointer-events: none !important;
}

.uc-footer-container {
    border-top: 1px solid #666;
}

video {
  pointer-events: none;
}

video::-webkit-media-controls {
  display: none !important;
  -webkit-appearance: none;
}

video::-webkit-media-controls-enclosure {
  display: none !important;
}

video {
  pointer-events: none; 
}

.uc-sticky-menu .t450__menu__content  {
    top: 24px !important;
}

#rec1240310456 .tn-group[data-group-id="175619691615055000"] #molecule-175619691615055000,
#rec1244878401 .tn-group[data-group-id="175628062291380880"] #molecule-175628062291380880,
#rec1245944496 .tn-group[data-group-id="175628062291380880"],
#rec1247457146 .tn-group[data-group-id="175628062291380880"],
#rec1247478411 .tn-group[data-group-id="175628062291380880"],
#rec1247653321 .tn-group[data-group-id="175628062291380880"],
#rec1248195681 .tn-group[data-group-id="175628062291380880"],
#rec1248308316 .tn-group[data-group-id="175628062291380880"],
#rec1240310456 .tn-group[data-group-id="175653333238672040"],
#rec1240310456 .tn-group[data-group-id="175653333238682340"],
#rec1244878401 .tn-elem[data-elem-id="175664254535623730"],
#rec1248308316 .tn-group[data-group-id="175628062291349320"],
#rec1248195681 .tn-elem[data-elem-id="175827134443560850"],
{
    height: 100vh !important;
    max-height: 1200px !important;
    width: 100vw !important;
    max-width: 2000px !important;
    position: static !important;
    margin: 0 auto !important;
}

#rec1244878401 .t396__artboard,
#rec1245944496 .t396__artboard,
#rec1247457146 .t396__artboard,
#rec1247478411 .t396__artboard,
.shape_bg_main_block {
    height: 100vh !important;
    max-height: 1500px !important;
    width: 100vw !important;
    max-width: 2000px !important;
}

#rec1248195681 .tn-elem[data-elem-id="175827134443888400"],
#rec1248308316 .tn-elem[data-elem-id="175628062291632530"],
#rec1248308316 .tn-elem[data-elem-id="175628062291396950"],
#rec1376566341 .tn-elem[data-elem-id="175653333238621030"],
#rec1376566341 .tn-elem[data-elem-id="175653333238955760"]
{
    left: 0 !important;
    top: 0 !important;
}

#rec1240310456 .tn-elem[data-elem-id="175653333238621030"],
#rec1240310456 .tn-elem[data-elem-id="175653333238955760"],
#rec1244878401 .tn-elem[data-elem-id="175664296288965190"],
#rec1244878401 .tn-elem[data-elem-id="175664295671083400"],
#rec1245944496 .tn-elem[data-elem-id="175666000202611170"],
#rec1245944496 .tn-elem[data-elem-id="175666000201970410"],
#rec1247457146 .tn-elem[data-elem-id="175670849448358550"],
#rec1247457146 .tn-elem[data-elem-id="175670849448161020"],
#rec1247478411 .tn-elem[data-elem-id="175670986664774300"],
#rec1247478411 .tn-elem[data-elem-id="175670986665082040"],
#rec1247653321 .tn-elem[data-elem-id="175628062291396950"],
#rec1247653321 .tn-elem[data-elem-id="175628062291632530"]{
    left: 0 !important;
}

#rec1240310456 .tn-group[data-group-id="175619691615055000"],
#rec1244878401 .tn-group[data-group-id="175628062300430930"],
#rec1240310456 .tn-group[data-group-id="175619691615055000"] #molecule-175619691615055000,
#rec1244878401 .tn-group[data-group-id="175628062300430930"] #molecule-175628062300430930 {
    display: none !important;
}

#rec1240310456 .tn-group[data-group-id="175621735922011840"] {
    width: 100% !important;
    max-width: 2000px !important;
}

#rec1243310781 .t1119__title + .t1119__descr {
    margin-top: 0;
}

#rec1243297201 .tn-elem[data-elem-id="1756207746503"] {
    height: auto !important;
}

/* -------------------------- */
/* Контент блоков             */
/* -------------------------- */
.main_block_content { 
    top: calc(50% - 164px) !important; 

}
.main_block_content_small { top: calc(50% - 122px) !important; }
.main_block_content_only_title { top: calc(50% - 50px) !important; }
.main_content_only_title { top: calc(50% - 50px) !important; }

.main_content_group {
    top: 26% !important;
    margin: 0 auto !important;
    width: 1225px !important;
}


/* -------------------------- */
/* Текст и подзаголовки       */
/* -------------------------- */
.subtitle {
    font-family: 'Onest', sans-serif;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    line-height: 1.4;
}

.main-text {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1s forwards;
}

/* Акцент "с нуля до pro" с эффектом печатания */
.highlight {
    display: inline-block;
    color: #40DE81;
    text-shadow: 0 0 8px rgba(64, 222, 129, 0.8), 0 0 16px rgba(64, 222, 129, 0.6);
    border-right: 2px solid #40DE81;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
    opacity: 0;
    animation:
        fadeIn 0.5s forwards 1.6s,
        typing 3s steps(18, end) forwards 1.9s,
        blink 0.8s step-end infinite 1.9s,
        hideCursor 0s linear 4.9s forwards;
}

/* -------------------------- */
/* Анимации                   */
/* -------------------------- */
@keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }
@keyframes fadeIn { to { opacity: 1; } }
@keyframes typing { from { width: 0; } to { width: 200px; } }
@keyframes blink { 50% { border-color: transparent; } }
@keyframes hideCursor { to { border-right: none; } }

/* -------------------------- */
/* Меню                       */
/* -------------------------- */
.main_menu_container {
    display: flex;
    padding: 8px 13px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
}

.main_menu_container_item,
.main_menu_container_item_active {
    display: flex;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: border 0.3s ease, background 0.3s ease, backdrop-filter 0.3s ease;
}

.main_menu_container_item:hover,
.main_menu_container_item_active {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
}

.main_menu_container_item_active { cursor: default; }

/* -------------------------- */
/* Кнопки                     */
/* -------------------------- */
.secondaryBtn {
    backdrop-filter: blur(4px);
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 40px;
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.secondaryBtn:hover { border-color: #fff; }

.btn_with_arrow,
.btn_without_arrow {
    cursor: pointer;
    border-radius: 40px;
    transition: background 0.3s ease, transform 0.3s ease;
}

.arrow_img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

/* меняем фон на ховер всей кнопки */
.btn_with_arrow:hover .arrow_img {
  transform: translateX(5px); 
}


.btn_without_arrow:hover { transform: scale(1.05); }

.tariff_container {
    transition: transform 0.3s ease;
}

.tariff_container:hover { transform: scale(1.02); }
.tariff_container:hover .btn_with_arrow .arrow_img { translateX(5px); }
/* -------------------------- */
/* Карточки и разделители      */
/* -------------------------- */
.price_card {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.price_card:hover { transform: scale(1.05); }

.veltical_line_divider_left { height: 100vh !important; left: 45px !important; }
.veltical_line_divider_right { height: 100vh !important; right: 60px !important; left: auto !important; }

.horizontal_line_divider { width: 100% !important; max-width: 2000px !important; }
.bottom_section_divider_btn { position: absolute; bottom: 20px !important; top: auto !important; }

.roll_down_container {
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    border-radius: 100px;
}

/* -------------------------- */
/* Тарифы                     */
/* -------------------------- */
.tariff_addition {
    border-top: 0.8px solid rgba(255, 255, 255, 0.3);
    border-bottom: 0.8px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(2px);
    position: relative;
    margin-left: -24px !important;
    padding: 20px 0 20px 24px;
}

.tariff_basic_title,
.tariff_prof_title,
.tariff_expert_title {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.tariff_basic_title { background: linear-gradient(90deg, #FF6600 0%, #40DE81 22.87%); }
.tariff_prof_title { background: linear-gradient(90deg, #FF6600 0%, #40DE81 56.94%); }
.tariff_expert_title { background: linear-gradient(90deg, #FF6600 0%, #40DE81 95.67%); }

/* -------------------------- */
/* Видео                       */
/* -------------------------- */
#rec1249850751 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: #000;
    transition: opacity 0.8s ease;
}

#rec1249850751 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* -------------------------- */
.pageWrapper { position: static !important; margin: 0 auto !important; }

/* -------------------------- */
/* Медиа-запросы               */
/* -------------------------- */

@media screen and (max-width: 1200px) { 
    .courses_wrapper {
        width: 100% !important;
        left: 0!important;
    }
    
    .courses_item {
        width: 100% !important;
    }
    
    .courses_image {
        width: 50% !important;
    }
    
    .top_panel {
        top: 24px !important;
        left: 24px  !important;
        width: 100%  !important;
    }
    
     .btn_without_arrow {
        left: calc(50% - 117px) !important;
    }
    
    
    .uc-sticky-menu .t450__menu__content {
        top: 50px !important;
    }
    

}
@media screen and (max-width: 1024px) {
    .main_content_group { width: 100% !important; }
    .pageWrapper { position: absolute !important; }

    #rec1240310456 .tn-group[data-group-id="175653333240679490"],
    #rec1240310456 .tn-group[data-group-id="175653333240979820"],
    #rec1240310456 .tn-elem[data-elem-id="175653333240935200"],
    #rec1240310456 .tn-group[data-group-id="175653333241664910"],
    #rec1240310456 .tn-elem[data-elem-id="175653333240676750"],
    #rec1245119816 .tn-elem[data-elem-id="1756285020436"],
    #rec1252992991 .tn-elem[data-elem-id="1756285020436"],
    #rec1253497136 .tn-elem[data-elem-id="1756285020436"],
    #rec1253531046 .tn-group[data-group-id="175664619446371380"],
    #rec1253531701 .tn-group[data-group-id="175665097184670560"],
    #rec1253531411 .tn-elem[data-elem-id="1756285020436"],
    #rec1254898771 .tn-group[data-group-id="175664619446371380"],
    #rec1254191936 .tn-group[data-group-id="175664619446371380"] {
        left: 0 !important;
        right: 0 !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    .btn_without_arrow {
        left: calc(50% - 98px) !important;
    }
    
    .uc-sticky-menu .t450__menu__content {
        top: 40px !important;
    }
}

@media screen and (max-width: 980px) {
    .subtitle { font-size: 20px; }

    #rec1254905911 .tn-elem[data-elem-id="1756285977480"],
    #rec1254905911 .tn-elem[data-elem-id="1756285977495"],
    #rec1254905911 .tn-group[data-group-id="175682354636512620"] {
        width: 100% !important;
    }
    
    .courses_image {
        width: 65% !important;
    }
    
    .courses_text {
        max-width: 700px !important;
    }
    

}

@media screen and (max-width: 768px) {
    .subtitle { font-size: 16px; }
}


@media screen and (max-width: 640px) {
    .courses_image {
        width: 80% !important;
    }
    
    
    #rec1248321776 div[type="button"] {
    width: 100% !important;
    max-width: 100% !important;
  }
    
    
}

@media screen and (max-width: 480px) {
    .uc-sticky-menu .t450__menu__content {
        top: 30px !important;
    }
    
}



@media screen and (min-width: 320px) and (max-width: 1199px) {
    /* Мелкая адаптивная разметка карточек */
    #rec1244978936 .tn-group[data-group-id="175664619446371380"], 
    #rec1245166796 .tn-group[data-group-id="175665097184670560"],
    #rec1245166796 .tn-group[data-group-id="175665448754935030"],
    #rec1252992836 .tn-group[data-group-id="175664619446371380"],
    #rec1252993046 .tn-group[data-group-id="175665097184670560"],
    #rec1253496996 .tn-group[data-group-id="175664619446371380"],
    #rec1253497201 .tn-group[data-group-id="175665097184670560"],
    #rec1254888261 .tn-group[data-group-id="175665097184670560"],
    #rec1254905911 .tn-group[data-group-id="175665097184670560"],
     #rec1267570071 .tn-group[data-group-id="175665652970778640"],
     #rec1267568911 .tn-group[data-group-id="175664619446371380"],
     #rec1267572321 .tn-group[data-group-id="175629080963851690"],
     #rec1269276241 .tn-group[data-group-id="175664619446371380"],
     #rec1269277421 .tn-group[data-group-id="175665652970778640"],
     #rec1269278461 .tn-group[data-group-id="175629080963851690"],
     #rec1270877131 .tn-group[data-group-id="175664619446371380"],
     #rec1270877441 .tn-group[data-group-id="175665652970778640"],
     #rec1270877651 .tn-group[data-group-id="175629080963851690"],
     {
        width: 100% !important;
        left: 12px !important;
    }
    
    
    .scroll-wrapper {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
     min-width: auto !important;
    width: 100% !important;
    left:12px!important;
}

.scroll-wrapper::-webkit-scrollbar { display: none; }
    
  
}