* {
    padding: 0px;
    margin: 0px;
    border: 0px;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}


element.style {
}
a {
    text-decoration: none;
}


/*нельзя выделить картинки*/
img{
    user-select: none;
}

aside,
nav,
footer,
header,
section {
    display: block;
}
/*цвет выделенния текста*/
::-moz-selection { /* Code for Firefox */
    color: #ffffff;
    background: #7d7d7d;
}

::selection {
    color: #ffffff;
    background: #7d7d7d;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0.4);

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ffffff;
}

/*отключаем font-boosting */
html * {
    max-height: 1000000px;
}

/*сглаживание шрифтов Safari*/

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}


html,
body {
    font-size: 16px;
    height: 100%;
    min-width: 320px;
    background: var(--main-background);    /* цвет плашки */
}

body {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
    font-smooth:always;
    overflow-x: hidden;
}

input::-ms-clear {
    display: none;
}
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: transparent;
    vertical-align:middle;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

ul {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}

img {
    vertical-align: top;
}

html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

/*Для того чтобы <input> в разных браузерах отображался как можно более одинаково необходимо добавить следующее:*/
input[type="text"] {
    font-family: inherit; /* 1 */
    font-size: inherit; /* 1 */
    line-height: inherit; /* 1 */
    margin: 0; /* 2 */
}

/*scrollbar style   Chrome/Edge/Safari */
html, body {
    scrollbar-width: thin;
    scrollbar-color: var(--te-border) var(--te-solid-bg);
}
body::-webkit-scrollbar {
    width: 10px;    /* ширина scrollbar */
}
body::-webkit-scrollbar-track {
    background:var(--te-solid-bg);        /* цвет дорожки */
}

body::-webkit-scrollbar-thumb {
    background-color: var(--te-border);    /* цвет плашки */
    border-radius: 20px;       /* закругления плашки */
    border: 1px solid var(--te-gold-soft);  /* цвет линии сайта */
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Regular.ttf') format('truetype');

    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Medium.ttf') format('truetype');

    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-SemiBold.ttf') format('truetype');

    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Benzin';
    src: url('/fonts/Benzin-Medium.ttf') format('truetype');

    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Benzin';
    src: url('/fonts/Benzin-Semibold.ttf') format('truetype');

    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


.mt-8{
    margin-top: 8px!important;
}
.mt-3{
    margin-top: 3px!important;
}
.mt-5{
    margin-top: 5px!important;
}
.mt-10{
    margin-top: 10px!important;
}
.mt-10r{
    margin-top: calc(5px + 5 * ((100vw - 1280px) / (1920 - 1280)))!important;
}

.mt-12{
    margin-top: 12px!important;
}
.mt-15{
    margin-top: 15px!important;
}
.mt-20{
    margin-top: 20px!important;
}
.mt-25{
    margin-top: 20px!important;
}
.mt-30{
    margin-top: 30px!important;
}
.mt-32{
    margin-top: 32px!important;
}
.mt-30r{
    margin-top: calc(17px + 13 * ((100vw - 1280px) / (1920 - 1280)))!important;
}
.mt-45{
    margin-top: 45px!important;
}
.mt-49{
    margin-top: 49px!important;
}
.mt-35{
    margin-top: 35px!important;
}
.mt-35rr{
    margin-top: calc(25px + 10 * ((100vw - 1280px) / (1920 - 1280)))!important;
}

.mt-47rr {
    margin-top: calc(25px + 22*((100vw - 1280px) /(1920 - 1280))) !important;
}
.mt-32rr {
    margin-top: calc(10px + 17*((100vw - 1280px) /(1920 - 1280))) !important;
}
.mt-40{
    margin-top: 40px!important;
}
.mt-50{
    margin-top: 50px!important;
}
.mt-60{
    margin-top: 60px!important;
}
.mt-80{
    margin-top: 80px!important;
}

.mt-80r{
    margin-top: calc(55px + 25 * ((100vw - 1280px) / (1920 - 1280)));
}

.mt-100{
    margin-top: 100px!important;
}

.mt-100r{
    margin-top: calc(50px + 50 * ((100vw - 1280px) / (1920 - 1280)));
}
.mt-200{
    margin-top: 200px!important;
}

.mt-120{
    margin-top: 120px!important;
}
.mt-140{
    margin-top: 140px!important;
}
.mt-160{
    margin-top: 160px!important;
}
.mt-210{
    margin-top: 210px!important;
}
.mb-100{
    margin-bottom: 100px;
}
.mb-60{
    margin-bottom: 60px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-15{
    margin-bottom: 15px;
}
.mb-5{
    margin-bottom: 5px;
}
.mr-40{
    margin-right: 40px;
}
.mr-30{
    margin-right: 30px;
}
.mr-20{
    margin-right: 20px;
}
.mr-10{
    margin-right: 10px;
}
.mr-13{
    margin-right: 13px;
}
.mr-15{
    margin-right: 15px;
}
.ml-15{
    margin-left: 15px;
}
.ml-5{
    margin-left: 5px;
}
.mr-20-item{
    margin-right: 20px;
}
.mr-40-index{
    margin-right: 40px;
}
/* Main Desktop */

/*Контент*/
:root {
    --main-background: #09090B;
    --grey: #747E86;
    --black: #101013;
    --neon: #00e5ff;          /* цвет неона */
    --yellow: #FFCE48;
    --light-red: #D92933;
}

.wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-self: center;
    margin: 0 auto;
    min-height: 100vh;
    background-color: var(--main-background);    /* цвет плашки */
}


.page-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    justify-self: center;
    margin: 0 auto;
    background-color: var(--main-background);

}
.overlay {
     display: none;
     position: fixed;
     z-index: 99990;
     inset: 0;
     width: 100%;
     height: 100%;
     align-items: center;
     justify-content: center;
     backdrop-filter: blur(12px) brightness(45%);
     -webkit-backdrop-filter: blur(12px) brightness(45%);
     background:
         radial-gradient(circle at 50% 26%, rgba(178, 119, 35, .16), transparent 36%),
         rgba(3, 3, 6, .88);
 }

.topbar{
    position: absolute;
    display: flex;
    height: 41px;
    flex-direction: row;
    width: 100%;
    top: 25px;
    left: 0;
    z-index: 9;
    background-color: transparent;
    justify-content: center;
    align-items: center;


}
.topbar-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1420px;

}
.topbar_logo{
    width: auto;
    height: 42px;
    max-width: 120px;
    object-fit: contain;
}
.topbar_block{
    display: flex;
}
.topbar_link{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;

    color: var(--grey);
    flex-grow: 0;
    margin: 0 30px;
    cursor: pointer;
}

.active{
    color: #ffffff;
}
/* Эффект «мерцания неона» */
@keyframes flicker{
    0%, 100% {
        opacity: .95;
        filter: drop-shadow(0 0 2px var(--neon));
    }
    5%   { opacity: .7 }
    10%  { opacity: .95 }
    11%  { opacity: .45 }
    12%  { opacity: .95 }
    20%  { opacity: .85 }
    22%  { opacity: .55 }
    23%  { opacity: .95 }
    38%  { opacity: .8 }
    40%  { opacity: .5 }
    41%  { opacity: .95 }
    60%  { opacity: .9 }
    61%  { opacity: .6 }
    62%  { opacity: .95 }
    80%  { opacity: .75 }
}
.topbar_link:hover{
    color: white;
    text-shadow:
        0 0 6px  color-mix(in oklab, var(--neon) 50%, white 50%),
        0 0 16px var(--neon),
        0 0 42px var(--neon),
        0 0 84px color-mix(in oklab, var(--neon) 60%, #aaf 40%);
    animation: flicker 1.6s infinite;
}
.topbar_link.neon{
    color:white;
    text-shadow:
        0 0 6px  #00e5ff,
        0 0 16px #00e5ff,
        0 0 40px #00e5ff;
    animation: flicker 1.6s infinite;
}
.central-picture{
    display: flex;
    max-width: 100%;
}
.central-picture img {
    display: block;
    width: 100%;      /* картинка всегда на всю ширину */
    height: auto;     /* высота считается автоматически по пропорциям */
    max-width: 1420px; /* опционально — ограничение сверху */
}

/* fallback для Safari < 14.1 */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .central-picture {
            display: block; /* fallback для старых Safari — flex убираем */
            width: 100%;
            max-width: 1420px;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
        }

        /* Поддержка старых Safari через padding-хак */
        .central-picture::before {
            content: "";
            display: block;
            padding-top: calc(618 / 1100 * 100%); /* пропорции как у твоего krug-picture */
        }

        /* Само изображение */
        .central-picture img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain; /* можно cover, если нужно */
            object-position: center;
        }
    }
}



.index-wrapper {
    display: flex;
    justify-self: center;
    margin: 0 auto;
    width: 100%;
    justify-content: center;  /* по центру горизонтали */
    align-items: center;      /* по центру вертикали */
    background: var(--main-background);    /* цвет плашки */
    height: 100vh;
}
.index-wrapper-tablet {
    display: none;
}
.index-wrapper-mobile {
    display: none;
}

.button{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    width: fit-content;
    height: 45px;
    background: #FFFFFF;
    border-radius: 100px;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    color: var(--black);
}

.button:hover{
    animation: pulse2 2s infinite;
}
@-webkit-keyframes pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 142, 66, 0.6)
    }
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
.img_button,.img_button2 {

    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;

    width: 45px;
    height: 45px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;

}
.img_button2 img{
    width: 24px;
    height: 24px;

}
.img_button img{
    width: 24px;
    height: 24px;
    margin-right: -7px;
}
.img_button:hover,.img_button2:hover{
    animation: pulse2 2s infinite;
}
.button_black{

    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    width: fit-content;
    height: 45px;
    border: 1px solid #FFFFFF;
    border-radius: 100px;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;

    color: #FFFFFF;
}

.button_black:hover{
    animation: pulse2 2s infinite;
}
.button_black_with_treug {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    width: fit-content;
    height: 45px;
    border: 1px solid #FFFFFF;
    border-radius: 100px;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    color: #FFFFFF;

    position: relative;
}

.button_black_with_treug::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 15px;
    margin-left: 10px; /* расстояние между текстом и иконкой */

    background: url("/image/treugolnik.svg") no-repeat center;
    background-size: contain;
}
.button_black_with_treug:hover{
    animation: pulse2 2s infinite;
}


.section{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1420px;
    background: var(--main-background);    /* цвет плашки */
    padding: 60px 0;
}
.section_back {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    min-height: 100vh;
    background:
        radial-gradient(circle, rgba(255,0,0,0.4) 5%, transparent 50%) repeat,
        radial-gradient(ellipse at center, rgba(255, 0, 0, 0.5), rgba(0,0,0,0.8)) no-repeat center/cover;
    overflow: hidden;
}

/* маска для плавного исчезновения */
.section_back::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        /* сверху — мягче */
        linear-gradient(to top, black 0%, transparent 30%) top,
            /* слева/справа */
        linear-gradient(to left, black 0%, transparent 30%) left,
        linear-gradient(to right, black 0%, transparent 30%) right;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.section_back_left {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    min-height: 100vh;
    background:
        radial-gradient(circle, rgba(255,0,0,0.4) 5%, transparent 50%) repeat,
        radial-gradient(ellipse at center, rgba(255, 0, 0, 0.5), rgba(0,0,0,0.8)) no-repeat center/cover;
    overflow: hidden;

}

.section_back_left .section{
    padding: 84px 0;
}
.section_back_left::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        /* сверху — мягкий градиент, ограниченный 150px */
        linear-gradient(to bottom, rgba(0,0,0,0.8), transparent) no-repeat top,
            /* слева */
        linear-gradient(to right, rgba(0,0,0,0.7), transparent 200px) no-repeat,
            /* справа */
        linear-gradient(to left, rgba(0,0,0,0.7), transparent 200px) no-repeat;

    background-size: 100% 150px, 100% 100%, 100% 100%;
}

.section_horizontal{
    display: flex;
justify-content: center;
    width: 1420px;
    background: var(--main-background);    /* цвет плашки */
}

.caption_line{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.caption_big_text{
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 70px;

    text-transform: uppercase;

    /* Linnear text */
    background: linear-gradient(90deg, #FFFFFF 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    flex-shrink: 0;
}
.caption_small_text,.caption_small_text2 {
    width: 340px;
    font-family: 'Inter';
    font-size: 14px;
    line-height: 1.3;
    color: #747E86;
    white-space: pre-wrap; /* перенос по словам и пробелам */
    overflow-wrap: break-word;
}

/* Каждая буква */
.caption_small_text span {
    opacity: 0;
    display: inline;       /* важно: inline, чтобы перенос работал нормально */
    transition: opacity 0.3s ease, color 0.3s ease;
}

/* Активная буква */
.caption_small_text span.active {
    opacity: 1;
    color: #fff;
}

.content{
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* три равные колонки */
    gap: 40px; /* расстояние между карточками */
    width: 100%;
}
.content_card{
    flex: 1 1 0;          /* каждая карточка растягивается равномерно */
    max-width: none;      /* убираем ограничение, если где-то было */
    display: flex;
    flex-direction: column;
    align-items: center;

    animation: pulseGradient 6s ease-in-out infinite;
}

@keyframes pulseGradient {
    0%, 100% {
        background-size: 138% 135%;
    }
    50% {
        background-size: 130% 130%; /* расширение */
    }
}


.content_image {
display: flex;
    background-size: 168% 168%;
    background-position: -112px -120px, 0px 0px, 0px 0px, 0px 0px, 85px 0px;
    background-image: radial-gradient(50% 50% at 50% 53%, rgba(221, 16, 36, 0.73) 0%, #09090BCC 57%);

}
.content_image img{
    width: 100%;
    max-width: 285px;   /* ограничение по ширине */
    aspect-ratio: 1 / 1; /* квадрат */
    object-fit: cover;   /* без искажений */

    animation: sway 6s ease-in-out infinite;
    transform-origin: 50% 50%; /* центр вращения */

}

@keyframes sway {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(2.5deg); }
    50%  { transform: rotate(0deg); }
    75%  { transform: rotate(-2.5deg); }
    100% { transform: rotate(0deg); }
}
/* одна и та же анимация, но с разным delay */
.content_card:nth-child(1) .content_image img {
    animation-delay: 0s;
}
.content_card:nth-child(2) .content_image img {
    animation-delay: 2.1s;
}
.content_card:nth-child(3) .content_image img {
    animation-delay: 3.7s;
}

/* Фолбек для старого Safari (не поддерживает aspect-ratio) */
@supports not (aspect-ratio: 1 / 1) {
    .content_image img {
        width: 100%;
        width: 285px;
        height: 285px;        /* фиксированная высота */
        object-fit: cover;

        animation: sway 6s ease-in-out infinite;
        transform-origin: 50% 50%;
    }
}

.content_text{
    display: block;
    text-align: center;
    width: 100%;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    justify-content: center ;
    text-transform: uppercase;
    /* Linnear text */
    background: linear-gradient(90deg, #FFFFFF 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    line-height: 1.2;
}


.content_smalltext{
    display: flex;
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
text-align: justify;
    color: #747E86;
}
.content_buttons{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-right: 30px;
}
.text_area{
    display: flex;
    flex-direction: column;
    width: 600px;
}

.text_form {
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #FFFFFF 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    flex-shrink: 0;
}
.smalltext_form{
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.10;
    color: #FFFFFF;
    display: flex;
    width: 400px;
}

.form_area{
    width: 460px;
}

.form_text{
    display: flex;
    width: 80%;
    justify-content: space-between;
}

/*стилизованный инпут*/
.input_field {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.text_input {
    height: 51px;
    width: 100%;
    font-family: 'Inter'!important;
    font-style: normal;
    font-weight: 500!important;
    font-size: 14px!important;
    color: white;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 100px;
    cursor: text !important;
    padding: 0 8px;
    transition: border 0.2s, box-shadow 0.2s;
    padding-left: 25px;
}

.text_input:placeholder-shown {
    border: 1px solid rgba(236, 239, 236, 0.5);
}

.text_input:hover {
    border: 1px solid rgba(239, 175, 113, 1);
    box-shadow: 0 0 1px 2px rgba(239, 175, 113, 0.3);
}

.text_input:focus {
    border: 1px solid rgba(239, 175, 113, 1);
    outline: none;
}

.text_input::placeholder {
    color: transparent;
}
.text_input::-moz-placeholder {
    color: transparent;
}

.text_label {
    position: absolute;
    top: 25px;
    left: 20px;
    font-family: 'Inter'!important;
    font-style: normal;
    font-weight: 400;

    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
    pointer-events: none;
    padding: 0 8px;
    transform: translateY(-50%);
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out, font-size 0.1s ease-in-out;
}

.text_input:focus ~ .text_label,
.text_input:not(:placeholder-shown) ~ .text_label {
    top: -9px;
    left: 5px;
    transform: translateY(-50%) scale(0.75);
}
/*ошибка внизу */
.input_main_error{
    font-family: Inter;
    font-style: normal;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: var(--light-red);
}
/*стилизованный инпут*/

/*стилизованный textarea*/
.textarea_input {
    width: 100%;
    min-height: 120px; /* начальная высота, можно менять */
    font-family: 'Inter' !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: white;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 20px; /* можно сделать более мягкий скругленный стиль */
    cursor: text !important;
    padding: 15px 25px;
    transition: border 0.2s, box-shadow 0.2s;
    resize: vertical; /* разрешаем менять высоту */
}

.textarea_input:placeholder-shown {
    border: 1px solid rgba(236, 239, 236, 0.5);
}

.textarea_input:hover {
    border: 1px solid rgba(239, 175, 113, 1);
    box-shadow: 0 0 1px 2px rgba(239, 175, 113, 0.3);
}

.textarea_input:focus {
    border: 1px solid rgba(239, 175, 113, 1);
    outline: none;
}

.textarea_input::placeholder {
    color: transparent;
}
.textarea_input::-moz-placeholder {
    color: transparent;
}

/* Label для textarea */
.textarea_label {
    position: absolute;
    top: 20px;
    left: 20px;
    font-family: 'Inter' !important;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
    pointer-events: none;
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out, font-size 0.1s ease-in-out;
}

.textarea_input:focus ~ .textarea_label,
.textarea_input:not(:placeholder-shown) ~ .textarea_label {
    top: -9px;
    left: 5px;
    transform: translateY(-50%) scale(0.75);
}
/*стилизованный textarea*/

/* стилизованный select */
.select_field {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Сам select, стилизуем как input */
.styled_select {
    width: 100%;
    height: 51px;
    font-family: 'Inter' !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: white;
    background-color: transparent;

    border: 1px solid rgba(236, 239, 236, 0.5);
    border-radius: 100px;
    cursor: pointer;
    padding: 0 25px 0 25px;
    appearance: none; /* убираем стандартную стрелку */
    transition: border 0.2s, box-shadow 0.2s;
}

/* Hover и focus эффекты */
.styled_select:hover {
    border: 1px solid rgba(239, 175, 113, 1);
    box-shadow: 0 0 1px 2px rgba(239, 175, 113, 0.3);
}
.styled_select:focus {
    border: 1px solid rgba(239, 175, 113, 1);
    outline: none;
}

/* Label для select (плавающая метка) */
.select_label {
    position: absolute;
    top: 25px;
    left: 20px;
    font-family: 'Inter' !important;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);

    pointer-events: none;
    transform: translateY(-50%);
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out, font-size 0.1s ease-in-out;
}

/* Плавающая метка при выборе или фокусе */
.styled_select:focus ~ .select_label,
.styled_select:not([value=""]) ~ .select_label {
    top: -9px;
    left: 5px;
    transform: translateY(-50%) scale(0.75);
}

/* Кастомная стрелка */
.select_field::after {
    content: '';
    position: absolute;
    top: 41%;
    right: 23px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    transform: translateY(-50%);
}

/* Опции при открытии select */
.styled_select option {
    background-color: #1a1a1a;
    color: white;
}
/* стилизованный select */


.section_footer{
    display: flex;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.62);
    height: 100px;
    justify-content: center;
}

.footer-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1420px;
}
.footer_link{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;

    color: var(--grey);
    flex-grow: 0;
    margin: 0 30px;
    cursor: pointer;
}
.footer_link:hover{
    color: white;
    text-shadow:
        0 0 6px  color-mix(in oklab, var(--neon) 50%, white 50%),
        0 0 16px var(--neon),
        0 0 42px var(--neon),
        0 0 84px color-mix(in oklab, var(--neon) 60%, #aaf 40%);
    animation: flicker 1.6s infinite;
}
.media_icon1:hover{

}
.media_icon1::after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 19px;

    background: url("/image/media-telegram.svg") no-repeat center;
    background-size: contain;
}

.tablet{
    display: none;
}
/* Стили для кнопки меню */
.menu-btn {
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: 40px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

/* Полоски на кнопке */
.menu-btn .bar {
    width: 100%;
    height: 4px;
    background-color: #ffffff;
    margin: 3px 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.mobile-menu {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0; /* растягиваем до низа */
    flex-direction: column;
    background: var(--main-background);
    width: 256px;
    z-index: 2;
    justify-content: flex-end;
    padding-bottom: 20px;
    padding-right: 30px;
    align-items: flex-end;

    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

.mobile-menu.showing {
    transform: translateX(0); /* выезжает */
}
/* Анимация полосок для крестика */
.menu-btn.active .bar:nth-child(1) {
    transform: rotate(45deg) translate(0, 0);
    position: absolute;
}
.menu-btn.active .bar:nth-child(2) {
    opacity: 0;
}
.menu-btn.active .bar:nth-child(3) {
    transform: rotate(-45deg) translate(0, 0);
    position: absolute;
}

.menu-line{
    display: flex;
    align-items: center;
    height: 40px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    color: var(--grey);
    justify-content: flex-end;
}

/*Контент завод*/
.big-caption{
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;

    text-transform: uppercase;

    /* Linnear text */
    background: linear-gradient(90deg, #FFFFFF 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    flex-shrink: 0;
}
.block_column{
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.block-text {
    display: block;
    width: 950px;
    font-family: 'Benzin';
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    color: #ffffff;
    text-align: center;
}
.yellow-text{
    display: block;
    font-family: 'Benzin';
    font-size: 26px;
    line-height: 1.2;
    color: var(--yellow);
    text-transform: uppercase;

}
.krug-picture{
    display: flex;
    width: 1100px;
}
.krug-picture img{
    width: 100%;
    aspect-ratio: 1100 / 618;
}


/* fallback для Safari < 14.1 */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .krug-picture {
            position: relative;
            width: calc(100% - 40px) !important;
            padding-top: calc(618 / 1100 * 100%); /* высота через пропорцию */
            overflow: hidden;
        }

        .krug-picture img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
}
.ramka-text{
    display: block;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    padding: 18px 30px 18px 65px;

    border: 1px solid #FFFFFF;
    border-radius: 100px;
    color: white;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
}
.bold{
    font-weight: 800;
    display: inline;
    text-transform: uppercase;
}
.text_caption {
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #FFFFFF 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    line-height: 1;
}


.smalltext_caption{
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 1;
    color: #FFFFFF;
    display: flex;
    text-transform: uppercase;
}
.block_raw{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.raw{
    display: flex;
    position: relative; /* чтобы ::after позиционировался относительно блока */
    width: 30%;
    color: white;
    padding-left: 30px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 1.4;
}
.raw::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 14px;   /* размер точки */
    height: 14px;
    background-color: red;
    border-radius: 50%; /* чтобы была круглой */
}

.block_raw_foto{
    display: flex;
    width: 100%;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.raw_foto {
    width: 30%;                /* карточка 30% от экрана */
    background: #101013;
    box-shadow: 0px 0px 25.3px #EC0B21;
    border-radius: 40px;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;

}
/* fallback для Safari < 14.1 */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .raw_foto {
            overflow: visible !important;
        }
    }
}
/* fallback для Safari < 14.1 */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .raw_foto:nth-child(2)::before {
            top: 94%;
        }


    }
}
.raw_foto img {
    width: 90%;                /* картинка занимает 90% ширины карточки */
    aspect-ratio: 550 / 442;   /* сохраняем пропорции */
    object-fit: contain;       /* вписываем картинку внутрь */
    height: auto;              /* чтоб не растягивалась */

}

/* fallback для Safari < 14.1 */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .block_raw_foto {
            margin: -20px;
        }

        .block_raw_foto > * {
            margin: 20px;
        }
    }
}
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .raw_foto {
            width: 30%;
            background: #101013;
            box-shadow: 0px 0px 25.3px #EC0B21;
            border-radius: 40px;
            position: relative; /* для абсолютного позиционирования */
            overflow: hidden;
            z-index: 0; /* создаём новый контекст наложения */
        }

        .raw_foto::before {
            content: "";
            display: block;
            padding-bottom: calc(442 / 550 * 100%); /* ~80.36% */
            z-index: -1; /* чтобы не мешал кликам */
            position: relative; /* принудительно */
            will-change: transform;
        }

        .raw_foto img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 90%;
            height: auto;
            transform: translate(-50%, -50%);
            object-fit: contain;
            z-index: 1; /* поднимаем над ::before */
        }
    }
}



.raw_stroka{
    display: flex;
    align-self: flex-start;
    position: relative;
    color: white;
    padding-left: 25px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.3;
}

.raw_stroka::before,
.raw_stroka::after {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 20px;   /* длина линий */
    height: 2px;   /* толщина линии */
    background-color: red;
    transform-origin: center;
}

.raw_stroka::before {
    transform: translateY(-50%) rotate(45deg);
}

.raw_stroka::after {
    transform: translateY(-50%) rotate(-45deg);
}
/* только второй блок */
.raw_foto:nth-child(2)::before {
    content: "+";
    color: red;
    font-size: 56px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;

    position: absolute;
    top: 50%;                 /* вертикально центрируем */
    left: -37px;               /* половина размера шрифта, чтобы вышло за блок */
    transform: translateY(-50%); /* точная вертикальная центровка */
}
/* палка стрелки */
.raw_foto:nth-child(3)::before{
    /* ваши текущие стили */
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    width: 20px;
    height: 4px;
    background-color: red;
    transform: translateY(-50%);

    /* явное сбрасывание spasing из фолбека */
    padding: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: content-box;
    display: block; /* на всякий случай */
}

/* наконечник стрелки */
.raw_foto:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    width: 20px;
    height: 20px;
    border-top: 4px solid red;   /* утолщено в 2 раза */
    border-right: 4px solid red; /* утолщено в 2 раза */
    transform: translateY(-50%) rotate(45deg);
}

/* fallback для Safari < 14.1 */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .raw_foto:nth-child(2)::before {
            top: 94%;
        }
    }
}
.caption_clock {
    display: flex;
    top: -50px;
    left: -4px;
    padding: 18px 36px;
    width: fit-content;
    position: absolute;
    color: #FFCE48;
    background: radial-gradient(36.16% 36.16% at 42.25% 45.29%, rgba(255, 255, 255, 0) 0%, rgba(121, 0, 13, 0.2) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, linear-gradient(184.05deg, #C21616 63.21%, #5C0A0A 87.94%);
    border-radius: 15px;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .caption_clock {
            display: inline-flex;
            width: auto;
        }
        .caption_clock2{
            top: -75px!important;
            left: -25px!important;
        }

    }
}

.block_footer_stroka{
    color: white;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
}
.block_ramka {
    display: flex;
    width: 100%;
    box-shadow: 0px 0px 25.3px #EC0B21;
    border-radius: 40px;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 15px;
    gap: 25px;
    flex-wrap: wrap;
}

/* fallback для Safari < 14.1 */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .block_ramka {
            margin: -25px;
        }

        .block_ramka > * {
            margin: 25px;
        }


    }
}

.ramka_icon{
    display: flex;
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px;
    width: 190px;
    height: 239px;
}
.ramka_icon img{
    width: 190px;
    height: 239px;
    object-fit: contain;       /* вписываем картинку внутрь */
}

.icon_center{
    position: absolute;
    top: -30px;
    left: 50%;
    width: 60px;
    height: 60px;
    transform: translateX(-50%); /* смещаем на половину ширины */
}

.icon_center img{
    width: 60px;
    height: 60px;
}

.icon_border{
    width: 62px;
    height: 62px;
    background-color: rgba(255, 255, 255, 0.68);
    border-radius: 5%;
    border: 1px solid rgba(255, 255, 255, 0.68);
}
.icon_back_border{
    width: 62px;
    height: 62px;
    background-color: rgba(255, 255, 255, 0.68);
    border-radius: 5%;
    border: 1px solid rgba(255, 255, 255, 0.68);
}
.text_vert_block{
    display: flex;
    width: 100%;
    flex-direction: column;

    align-items: center;
}
.text_vert_block_caption{
    display: flex;
    width: 100%;
    justify-content: center;
    font-family: 'Benzin';
    color: var(--yellow);
    font-style: normal;
    font-weight: 400;
    font-size: 50px;
    text-transform: uppercase;
}
.text_vert_block_text{
    display: flex;
    width: 758px;
    color: white;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
}
.text_vert_block_grey{
    display: flex;
    width: 758px;
    color: #BFBFBFC7;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
}
.big_raw {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 30%;
    flex: 0 0 30%; /* ширина 30% + gap */
    box-sizing: border-box;
}
.big_font{
    display: flex;
    width: 100%;
    justify-content: center;
    font-family: 'Benzin';
    color: var(--yellow);
    font-style: normal;
    font-weight: 400;
    font-size: 88px;
    text-transform: uppercase;
}
.big_caption{
    display: flex;
    width: 100%;
    justify-content: center;
    font-family: 'Benzin';
    color: white;
    font-style: normal;
    font-weight: 400;
    font-size: 38px;
    text-transform: uppercase;
}
.big_text{
    display: flex;
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: white;
    text-align: justify;
    line-height: 1.3;
}
.block_big_raw{
    display: flex;
    flex-wrap: wrap;
    gap: 40px; /* одинаковые отступы по горизонтали и вертикали */
    justify-content: center;
}
/* fallback для Safari < 14.1 */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .block_big_raw {
            margin: -25px;
        }

        .block_big_raw > * {
            margin: 25px;
        }

        .text_vert_block{
            margin-top: 80px!important;
        }
    }
}

 /*в чём выгода контент завода */
.half-sections{
     display: flex;
     width: 100%;
}

.half-section{
    display: flex;
    flex-direction: column;
    width: 50%;
}
.half-section img{
    width: 70%;
    aspect-ratio: 662 / 730;
    object-fit: contain;
    height: auto;
    display: block;
    margin-left: auto; /* всегда прижимает картинку вправо */
}
.half-section_line{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    color: white;
    line-height: 1.3;
    position: relative;          /* нужно для абсолютного псевдоэлемента */
    padding-left: 44px;
}
.half-section_line {
    margin-top: 30px;
}

.half-section_line:first-child {
    margin-top: 0; /* у первой строки убираем */
}
/* псевдоэлемент с иконкой */
.half-section_line::before {
    content: "";
    position: absolute;
    left: 0;                     /* иконка у начала строки */
    top: 6px;
    width: 34px;
    height: 34px;
    background-image: url("/image/star.svg"); /* путь к файлу относительно CSS */
    background-repeat: no-repeat;
    background-position: left top; /* выравнивание по верхнему краю */
    background-size: contain;
}
/* fallback для Safari < 14.1 */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .half-section_line::before {
            top: 3px;
        }
    }
}

/* системный контент */
.middletext_caption{
    display: flex;
    width: 80%;
    justify-content: center;
    text-align: center;
    font-family: 'Benzin';
    color: white;
    font-style: normal;
    font-weight: 400;
    font-size: 43px;
}
.block_cards{
    display: flex;
    width: 100%;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
/* fallback для Safari < 14.1 */
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .block_cards {
            margin: -20px;
        }

        .block_cards > * {
            margin: 20px;
        }

    }
}

.block_card {
    width: 20%;                /* карточка 30% от экрана */
    background: #101013;
    box-shadow: 0px 0px 25.3px #EC0B21;
    border-radius: 40px;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;

    aspect-ratio: 1 / 1;

}
@supports not (aspect-ratio: 1 / 1) {
    .block_card {
        width: 272px;
        height: 272px;
    }
}

.inner_text {
    display: flex;
    justify-content: center;
    width: fit-content ;
    text-align: center;
    line-height: 1.3;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 21px;
    color: white;
    text-transform: uppercase;
}

/* палка стрелки */
.block_card:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    width: 20px;
    height: 4px;          /* утолщено в 2 раза */
    background-color: red;
    transform: translateY(-50%);
}

/* наконечник стрелки */
.block_card:not(:first-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    width: 20px;
    height: 20px;
    border-top: 4px solid red;   /* утолщено в 2 раза */
    border-right: 4px solid red; /* утолщено в 2 раза */
    transform: translateY(-50%) rotate(45deg);
}


.image_center {
    position: absolute;
    top: -65px;
    left: 50%;
    width: 172px;
    height: 130px;
    transform: translateX(-50%);
}

.image_center img {
    width: 172px;
    height: 130px;
}
.caption1{
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #FFFFFF 0%, #999999 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    line-height: 1.3;
}
.caption2{
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    text-transform: uppercase;
    color: white;
    line-height: 1;
}
.spisok{
     display: flex;
     flex-direction: column;
}

.spisok_line{
    display: flex;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: white;
    text-transform: uppercase;
    align-items: center;
    margin-top: 30px;
    line-height: 1.3;
}

.spisok_line_span{
    display: inline-block;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 600;
    width: 40px;
    font-size: 35px;
    color: var(--yellow);
    margin-right: 20px;
    text-align: center;
}

/*для youtube*/
.videoWrapper {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*для youtube*/
.block_video{
    display: flex;
    position: relative;
    width: 640px;
    width: calc(490px + 150 * ((100vw - 1280px) / (1920 - 1280)));
    height: 360px;
    height: calc(275px + 85 * ((100vw - 1280px) / (1920 - 1280)));

    border-radius: 30px;
    overflow: hidden;
    border: 2px solid white;
    z-index: 3;
}
/*для vk*/
.block_video2{
    display: flex;
    position: relative;
    width: 325px;

    height: 646px;


    border-radius: 30px;
    overflow: hidden;
    border: 2px solid white;
    z-index: 3;
}



.button_bottom{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    position: absolute;
    width: fit-content;
    height: 60px;
    right: 38px;
    bottom: 20px;
    /* White */
    background: #FFFFFF;
    border-radius: 100px;
    z-index: 12;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .button_bottom {
            display: inline-flex;
            width: auto;
        }
    }
}


.video_bottom{
    display: flex;
    justify-content: center;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: rgba(191, 191, 191, 0.78);
}


.profit_cards{
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 40px;
}
.profit_card{
    display: flex;
    flex-direction: column;
    width: 50%;
    position: relative;
    background: #0a0a0a; /* основной фон */
    border-radius: 40px;
    padding: 40px;
    color: #fff;
    overflow: hidden; /* чтобы свечение не вылезало наружу */

}

/* свечение */
.profit_card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 20% 50%, rgba(255,0,0,0.6), transparent 60%),
        linear-gradient(to right, rgba(255,0,0,0.3), transparent 80%);
    filter: blur(100px);
    z-index: 0;
    pointer-events: none; /* чтобы не мешало кликам */
}


/* текст всегда поверх */
.profit_card > * {
    position: relative;
    z-index: 2;
}
.profit_card_caption{
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 26px;
    color: var(--yellow);
}
.profit_card_line{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    color: #F3F3F3;
    line-height: 1.3;
    margin-top: 30px;
}
.profit_card_line_bold{
    display: flex;
    flex-shrink: 0;
    margin-left: 14px;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    color: var(--yellow);
}
.profit_card_line_extrabold{
    display: flex;
    flex-shrink: 0;
    margin-left: 14px;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 30px;
    color: #F3F3F3;
}

.profit_card_ramka{
    display: flex;
    width: fit-content;
    padding: 15px 30px;
    border-radius: 12px;
    border: 1px solid  #CACACA;
    color: #CACACA;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.3;
}
.blocks_cost {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.block_cost {
    width: 30%;
    background: #101013;
    box-shadow: 0px 0px 25.3px #EC0B21;
    border-radius: 40px;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px;

}
.block_cost_raw{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-around;
}

.block_cost_line{
    display: flex;
    color: #F3F3F3;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
}
.block_cost_img{
    display: flex;
    width: 165px;
    height: 165px;
}

.block_cost_img img{
    aspect-ratio: 1 / 1; /* квадрат */
    object-fit: cover;   /* без искажений */
}


@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .block_cost_img img{
            width: 165px;
            height: 165px;
        }
    }
}

.block_cost_column{
    display: flex;
    flex-direction: column;
}
.block_cost_column_caption{
    display: flex;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 54px;
    color: var(--yellow);
}
.block_cost_column_line{
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 22px;
    color: #F3F3F3;
}
.block_cost_column_text{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    color: #F3F3F3;
}
.block_column_width{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.block_cost_column_yellow{
    display: flex;
    width: 100%;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-left: 30px;
    color: var(--yellow);
}
.block_cost_middle_line{
    display: flex;
    justify-content: center;
    width: 100%;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #F3F3F3;

}
.block_cost_middle_column{
    display: flex;
    width: 100%;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #F3F3F3;
}
.block_cost_middle_column_bold {
    display: flex;
    margin-left: 14px;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 30px;
    color: var(--yellow);
}

.mobile{

    display: none;
}

.computer{
    display: flex;
}
.contact-component{
    display: flex;
    width: 100%;
    align-items: center;
}
.contact-component-line{
    display: flex;
    width: 100%;
}
.width50{
    width: 50%;
}
.icon_eye{
    display: flex;
    position: absolute;
    top: 10px;
    right: 13px;
    cursor: pointer;
}

.icon_eye img{
    width: 28px;
    height: 28px;
}
.auth_header{
    display: flex;
    justify-content: center;
    width: 100%;
}

.auth_header_text{
    display: flex;
    justify-content: center;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    color: #F3F3F3;
}
.contact-auth{
    display: flex;
    width: 100%;
    max-width: 700px;
    flex-direction: column;
}


/*окна*/
.auth_window{

    width: min(620px, calc(100vw - 32px));

    min-height: 0;


    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 22px;
    position: fixed;

    padding: clamp(34px, 5vw, 58px) clamp(24px, 5vw, 54px);

    background:
        linear-gradient(180deg, rgba(13, 13, 18, .98), rgba(5, 5, 8, .98)),
        #07070B;

    top: 50%;


    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 240ms ease, transform 240ms ease;
    -moz-transition: opacity 240ms ease, transform 240ms ease;
    -ms-transition: opacity 240ms ease, transform 240ms ease;
    -o-transition: opacity 240ms ease, transform 240ms ease;
    transition: opacity 240ms ease, transform 240ms ease;
    z-index: 99999;
    opacity: 0;
    display: none;
    font-family: 'Inter', Opensans, sans-serif;
    font-weight: 400;
    border: 1px solid rgba(191, 137, 55, .42);
    box-shadow:
        0 28px 90px rgba(0, 0, 0, .68),
        inset 0 1px 0 rgba(255, 255, 255, .06);
    overflow: hidden;
}

.auth_window:before{
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background:
        radial-gradient(circle at 20% 0%, rgba(184, 127, 43, .18), transparent 38%),
        radial-gradient(circle at 82% 100%, rgba(255, 226, 163, .08), transparent 34%);
}

.auth_window > *{
    position: relative;
    z-index: 1;
}

.white_button{
    background-color: white!important;
    color: #07070B!important;
}
.close_popup_auth_window {
    font-family: Opensans;
    font-weight: 400;
    color: var(--black);
    position: absolute;
    top: 3px;
    right: 18px;
    font-size: 37px;

    cursor: pointer;
    user-select: none;
}
.close_popup_auth_window:hover {
    color: var(--dark-red);
}
.popup_header{
    display: flex;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 600;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.08;
    color: #FFFFFF;
    text-transform: uppercase;
    justify-content: center;
    text-align: center;
    letter-spacing: .06em;
    text-shadow: 0 2px 22px rgba(255,255,255,.14);
}

.popup_header:after{
    content: '';
    position: absolute;
    top: calc(100% + 18px);
    left: 50%;
    width: 72px;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(203, 149, 67, .86), transparent);
}
.text_error{
    display: flex;
    width: 100%;
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Inter', 'Roboto', sans-serif;
    font-weight: 500;
    font-size: clamp(16px, 2vw, 20px);
    color: rgba(255, 255, 255, .72);
    text-align: center;
    line-height: 1.42;
    justify-content: center;
}

.auth_window .text_error.mt-30{
    margin-top: 52px!important;
}

.auth_window .white_button{
    min-width: 178px;
    min-height: 52px;
    padding: 14px 34px;
    border-radius: 999px;
    background:
        linear-gradient(#09090B, #09090B) padding-box,
        linear-gradient(110deg, rgba(174, 113, 29, .95), rgba(255, 227, 166, .95), rgba(174, 113, 29, .95)) border-box!important;
    border: 1px solid transparent;
    color: #FFFFFF!important;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    box-shadow: none;
}

.auth_window .white_button:hover{
    color: #07070B!important;
    background: linear-gradient(110deg, #A96E1D, #F1CC7A, #A96E1D)!important;
    transform: translateY(-1px);
}

.auth_window .input_main3,
.auth_window textarea{
    border: 1px solid rgba(191, 137, 55, .35);
    background: rgba(255,255,255,.045);
    color: #FFFFFF;
}
.main_button_blue{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 40px;

    /*height: calc(32px + 8 * ((100vw - 1280px) / (1920 - 1280)));*/
    padding: 11px 30px;
    width: fit-content;
    min-width: 130px;

    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;

    /*font-size: calc(13px + 3 * ((100vw - 1280px) / (1920 - 1280)));*/
    border-radius: 4px;
    background-color: #00AAC0;
    color: white;
    cursor: pointer;
    transition: all .3s ease-in-out;
    user-select: none;
    border-radius: 100px;
}

.show{
    display: flex!important;
    opacity: 1!important;
    animation: popup-in .34s ease-out;

}
.form-area{
    display: flex;
    flex-direction: column;
    width: 600px;
    padding: 40px;
    border: 2px solid rgba(255, 218, 139, .3);
    border-radius: 12px;

}


@keyframes popup-in {
    0%{
        transform: translate(-50%, -48%) scale(.96);
        opacity: 0;
    }

    100%{
        transform:  translate(-50%, -50%)  scale(1);
        opacity: 1;
    }
}
@keyframes popup-out {
    0%{

        transform: translate(-50%, -50%) scale(1);
    }
    50%{
        transform:  translate(-50%, -50%)  scale(1);

    }

    100%{
        transform:  translate(-50%, -50%)  scale(0);

    }
}

@keyframes slideDown {
    from {
        top: -100px;
        opacity: 0;
    }
    to {
        top: 40%;
        opacity: 0.9;
    }
}

@keyframes slideUpFast {
    from {
        top: 40%;
        opacity: 0.9;
    }
    to {
        top: -100px;
        opacity: 0;
    }
}
.cabinet-error{
    display: flex;
    flex-direction: column;
    background-color: rgba(255, 77, 51, 0.19);
    padding: 25px;
    border-radius: 10px;

}
.cabinet-error-line{
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #ffffff;
}
.container {
    background: transparent;
    width: 100%;
    max-width: 338px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.page-register{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 90vh;
}
.login_links{
    display: flex;
    width: 100%;
}
.login_link{
    display: flex;
    width: 100%;
    justify-content: center;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    color: rgba(236, 239, 236, 0.5);
    cursor: pointer;
}
.login_link:hover{

    color: rgba(236, 239, 236, 1);
}

.auth-form { width:100%; }
.auth-form--registration { display:flex; flex-direction:column; gap:0; }
.registration-shell { min-height:90vh; display:flex; justify-content:center; }
.registration-card { width:min(100%, 760px); box-sizing:border-box; }
.auth-field--with-icon .text_input { padding-left:58px !important; padding-right:18px; background:rgba(255,255,255,.035); border-color:rgba(245,217,146,.28); color:#f7efe1; }
.auth-field--with-icon .text_input:focus { border-color:rgba(245,217,146,.82); box-shadow:0 0 0 3px rgba(245,217,146,.08); }
.auth-field--with-icon .text_label { left:52px; color:rgba(247,239,225,.56); }
.auth-field--with-icon .text_input:focus ~ .text_label,
.auth-field--with-icon .text_input:not(:placeholder-shown) ~ .text_label { left:14px; color:#f5d992; background:#07070b; border-radius:999px; }
.auth-field-icon { position:absolute; left:18px; top:13px; width:25px; height:25px; z-index:2; display:inline-flex; align-items:center; justify-content:center; opacity:.9; pointer-events:none; }
.auth-field-icon img { width:100%; height:100%; object-fit:contain; display:block; }
.auth-field-icon img { filter:brightness(0) saturate(100%) invert(86%) sepia(31%) saturate(566%) hue-rotate(352deg) brightness(103%) contrast(92%); }
#icon_eye_img_reg, #icon_eye_img_auth { filter:brightness(0) saturate(100%) invert(86%) sepia(31%) saturate(566%) hue-rotate(352deg) brightness(103%) contrast(92%); opacity:.9; }
.auth-field-icon--emoji { color:#f5d992; font-size:22px; line-height:1; filter:none; text-shadow:0 1px 1px rgba(0,0,0,.32); }
.auth-register-prompt { display:flex; align-items:center; justify-content:center; gap:8px; color:rgba(247,239,225,.70); font-family:'Inter'; font-size:14px; line-height:1.35; }
.auth-register-prompt--stacked { flex-direction:column; gap:6px; }
.auth-register-link { color:#f5d992; font-weight:800; text-decoration:none; border-bottom:1px solid rgba(245,217,146,.45); padding-bottom:2px; }
.auth-register-link:hover { color:#fff1d8; border-bottom-color:#fff1d8; }
.sidebar-user-line--locked { opacity:.62; cursor:pointer; appearance:none; -webkit-appearance:none; width:100%; text-align:left; font:inherit; }
.sidebar-user-line--locked:hover { opacity:.9; }
.sidebar-locked-indicator { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-left:auto; border:1px solid rgba(245,217,146,.52); border-radius:999px; color:#f5d992; background:rgba(215,166,79,.12); font-size:13px; font-weight:900; line-height:1; }
.referral-locked-modal { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:20px; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease, visibility .18s ease; }
.referral-locked-modal.is-open { opacity:1; visibility:visible; pointer-events:auto; }
.referral-locked-modal__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.62); backdrop-filter:blur(6px); }
.referral-locked-modal__card { position:relative; width:min(420px, calc(100vw - 32px)); padding:22px 20px 20px; border:1px solid rgba(245,217,146,.40); border-radius:22px; color:#fff; background:linear-gradient(180deg, rgba(18,16,14,.98), rgba(6,6,8,.96)); box-shadow:0 24px 80px rgba(0,0,0,.55); transform:scale(.96); transition:transform .18s ease; }
.referral-locked-modal.is-open .referral-locked-modal__card { transform:scale(1); }
.referral-locked-modal__close { position:absolute; top:10px; right:12px; width:30px; height:30px; border:1px solid rgba(245,217,146,.35); border-radius:999px; color:#f5d992; background:rgba(255,255,255,.04); font-size:20px; line-height:1; cursor:pointer; }
.referral-locked-modal__kicker { color:#d7a64f; font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; margin-bottom:6px; }
.referral-locked-modal__title { color:#fff; font-size:22px; line-height:1.2; font-weight:900; margin-right:34px; }
.referral-locked-modal p { margin:14px 0 0; color:rgba(255,255,255,.86); font-size:14px; line-height:1.55; }
.referral-locked-modal__cta { display:inline-flex; align-items:center; justify-content:center; min-height:34px; margin-top:16px; padding:0 16px; border:1px solid rgba(245,217,146,.72); border-radius:999px; color:#17120a; background:linear-gradient(135deg, #f8dc8d, #d5a549 58%, #f7d986); font-size:13px; font-weight:900; text-decoration:none; }
.referral-locked-modal__cta:visited { color:#17120a; }

.sidebar-user{
    display:flex;
    width:260px;
    flex-direction:column;
    flex-shrink:0;
    align-self:flex-start;
    position:sticky;
    top:110px;
    margin-right:34px;
    padding:18px;
    gap:8px;
    border:1px solid rgba(215,166,79,.30);
    border-radius:28px;
    background:
        radial-gradient(circle at 20% 0%, rgba(246,214,137,.15), transparent 42%),
        linear-gradient(180deg, rgba(20,18,16,.88), rgba(6,6,8,.74));
    box-shadow:0 20px 54px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,232,169,.12);
    backdrop-filter:blur(10px);
}
.sidebar-user::before{
    content:'Личный кабинет';
    display:block;
    margin:0 4px 8px;
    font-family:'Benzin', 'Inter', sans-serif;
    font-size:11px;
    line-height:1;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--te-gold-soft, #f5d992);
}
.sidebar-user-line{
    display:flex;
    align-items:center;
    color:rgba(255,255,255,.74);
    font-size:16px;
    font-family:'Inter';
    font-weight:500;
    margin-right:0;
    position:relative;
    min-height:48px;
    padding:0 16px 0 48px;
    line-height:1.15;
    cursor:pointer;
    opacity:1;
    border:1px solid transparent;
    border-radius:18px;
    background:rgba(255,255,255,.025);
    transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.sidebar-user-line:hover{
    color:#fff;
    background:rgba(215,166,79,.10);
    border-color:rgba(215,166,79,.26);
    transform:translateX(3px);
}
.sidebar-user-line.selected_item{
    color:#201306 !important;
    background:linear-gradient(135deg, var(--te-gold-soft, #f5d992), var(--te-gold, #d7a64f));
    border-color:rgba(255,232,169,.82);
    box-shadow:0 10px 24px rgba(215,166,79,.18), inset 0 1px 0 rgba(255,255,255,.28);
}
/* Общий стиль псевдоэлемента */
.sidebar-user-line::before {
    content:'';
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:18px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    filter:sepia(1) saturate(2.1) hue-rotate(350deg) brightness(1.25);
    opacity:.92;
}
.sidebar-user-line.selected_item::before{
    filter:brightness(0) saturate(1);
    opacity:.9;
}

.sidebar-user-line:not(:first-child) {
    margin-top:0;
}
.sidebar-label-short{
    display:none;
}

/* Индивидуальные иконки */
.options-icon::before {
    background-image: url('/image/svg/setting.svg');
}

.users-icon::before {
    background-image: url('/image/svg/users.svg');
}
.money-icon::before {
    background-image: url('/image/svg/money1.svg');
}

.wrapper-page{
    display: flex;
    flex-direction: column;
    width: 1420px;

}
.wrapper-page2{
    display: flex;

    width: 1420px;

}
.info-area{
    display: flex;
    width: 100%;
}
.user-area{
    display: flex;
    width: 600px;
    max-width: 1000px;
    flex-direction: column;
}
.user-area-caption{
    display: flex;
    color: white;
    font-size: 20px;
    font-family: 'Benzin';
    font-weight: bold;
    margin-bottom: 10px;
}

.user-area-text{
    display: flex;
    justify-content: left;
    color: white;
    font-size: 14px;
    font-family: 'Inter';
}

.selected_item{
    opacity: 1!important;
}

.level_referals{
    display: flex;
    width: 100%;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
}
.level_1{
    display: flex;
    width: fit-content;
    margin-right: 6px;
    background-color: #F6A42899;
    padding: 10px 20px;
    border-radius: 5px;
    align-items: center;
    font-size: 14px;
    font-family: 'Inter';
}

.table{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.table{
    display: flex;
    flex-direction: column;
    width: 100%;

}
.table-header{
    display: flex;
    padding: 7px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #ffc33a;

}

.table-raw{
    display: flex;
    width: 100%;
    padding-left: 7px;
    padding-right: 7px;
    border-bottom: 1px solid rgba(243, 243, 243, 0.4);

    align-items: center;

    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
}
.table-item{
    display: inline-block;
    padding: 15px;
    align-items: center;
    padding-left: 0;
}
.item1{
    width: 40px!important;
}
.item2{
    width: 300px;
}
.item3{
    width: 240px;
}
.item4{
    width: 120px;
}
.item5{
    width: 180px;
}
.item6{
    width: 140px;
}

.item12{
    width: 40px;
}
.item22{
    width: 80px;
}
.item32{
    width: 140px;
}
.item42{
    width: 120px;
}
.item52{
    width: 380px;
}
.item62{
    width: 140px;
}

.item55{
    width: 50px;
}
.ref-item-plus{
    display: flex;
    flex-direction: column;
    padding: 15px;
    padding-left: 0;

}
.ref {
    display: flex;
    align-items: center;
    color: white;
}
.item29{
    width: 288px;
    padding-left: 18px;
}
.up{
    width: 26px;
}
.ref-item-plus.item2{
    padding-left: 18px;
}
.up img{
    width: 22px;
    height: 22px;
}

.plus_ajax{
    display: flex;
    width: 22px;
    height: 22px;
    cursor: pointer;

}
.plus_ajax img{
    width: 22px;
    height: 22px;
}
.plus{
    display: flex;
    width: 22px;
    height: 22px;
    cursor: pointer;

}
.plus img{
    width: 22px;
    height: 22px;
}
.small_telegram_ref{

    font-weight: 400;
    color: rgba(243, 243, 243, 0.6);
    font-size: 14px;

}
.small_telegram{
    display: flex;
    font-weight: 400;
    color: rgba(243, 243, 243, 0.6);
    font-size: 14px;
    margin-top: 3px;
}
.color-item{
    display: inline-flex;
    padding: 4px 6px;
    padding-top: 4px;

    font-weight: bold;
    font-family: Roboto;
    font-size: 14px;
    border-radius: 2px;
}
.color1{
    background-color: rgba(228, 0, 255,1);
    margin-right: 3px;
    color: black;
}
.color2{
    background-color: #09aecb;
    margin-right: 3px;
    color: black;
}
.color3{
    background-color: #21cd76;
    margin-right: 3px;
    color: black;
}
.color4{
    background-color: #ffc33a;
    margin-right: 3px;
    color: black;
}

.color5{
    background-color: #8da7a5;
    margin-right: 3px;
    color: black;
}

.ref-line{
    display: flex;
}
.answer{
    display: flex;
    padding: 20px;
}

/*пагинация*/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 2px 10px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #bdbdbd;
    background-color: transparent;
    border: 1px solid rgba(62, 62, 62, 0.34);
    border-color: #4f4f4f;
    margin-left: -1px;
    font-size: 18px;
    font-family: 'ClearSans';
    margin-right: 10px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: var(--line);
    background-color: #141414;
    border-color: var(--border-table);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: transparent;
    border-color: var(--line);
    cursor: default;

    padding: 2px 10px;




    font-size: 18px;
    font-family: 'ClearSans';

}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777777;
    background-color: transparent;
    border-color: var(--border-table);
    cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    font-family: 'ClearSans';
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    font-family: 'ClearSans';
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
/*пагинация*/

.text_login{
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #ffffff;
}
.reklama_line{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.reklama_image{
    display: flex;
    margin-right: 20px;
    width: 128px;
    height: 128px;
}
.reklama_image img{

    width: 128px;
    height: 128px;
}
.reklama_text{
    display: flex;
}
.reklama_caption{
    display: flex;
    width: 600px;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    align-items: center;
    text-transform: uppercase;

    color: white;
}
.reklama_caption2{
    display: flex;
    width: 600px;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.3;
    align-items: center;
    text-transform: uppercase;

    color: white;
}
.reklama_descr{
    display: flex;
    width: 200px;
    margin-left: 30px;
    font-family: 'Inter';
    font-size: 14px;
    line-height: 1.3;
    color: #747E86;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    align-items: center;
}
.reklama_price{
    display: flex;
    width: 210px;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    color: white;
    align-items: center;
    justify-content: center;
}
.reklama_buttons{
    display: flex;
    flex-direction: column;
}
.width100px{
    width: 180px!important;
}
.reklama_raw{
    display: flex;
}

.raw_info{
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.raw_info_block{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.raw_info_column{
    display: flex;
    margin-left: 40px;
}
.raw_img{
    display: flex;
    width: 194px;
    height: 194px;
}
.raw_img img{
    width: 194px;
    height: 194px;
}
.caption_podcast{
    display: flex;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;

    text-transform: uppercase;
    color: #FFFFFF;
}
.caption_podcast2{
    display: flex;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;

    text-transform: uppercase;
    color: #FFFFFF;
}
.subcaption_podcast{
    display: flex;
    width: 515px;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 1.3;
    color: #747E86;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}
.raw_info_column{
    display: flex;
    flex-direction: column;
}
.price_podcast{
    display: flex;

    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    text-transform: uppercase;
    color: white;
}
.raw_info_caption{
    display: flex;
    font-family: 'Benzin';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;

    color: #FFFFFF;
}
.raw_heart{
    display: flex;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    opacity: 0.8;
    color: #FFFFFF;
    line-height: 1.3;
    margin-top: 13px;
    position: relative;
    padding-left: 31px;
}
.raw_heart::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 22px;
    height: 22px;
    background-image: url(/image/heart.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}
.block_video_column{
    display: flex;
    flex-direction: column;
}
.video_view {
    display: flex;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: rgba(191, 191, 191, 0.78);
}
.raw_video{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.raw_info_line{
    display: flex;
}
.comment {
    border: 2px solid #d3c3c3;
    min-height: 67px;
    border-radius: 10px;
    padding: 12px;
    font-size: 16px;
    font-family: Inter;
    display: flex;
    width: 100%;
}


/* TrueExit visual polish */
:root{
    --te-solid-bg:#0b0907;
    --te-ink:#f7efe1;
    --te-gold:#d7a64f;
    --te-gold-soft:#f5d992;
    --te-brown:#2a1b0d;
    --te-panel:rgba(24,18,13,.72);
    --te-border:rgba(215,166,79,.34);
}
html, body{ background:var(--te-solid-bg) !important; }
.topbar{
    top:18px;
    height:58px;
}
.topbar-wrapper{
    width:min(1380px, calc(100% - 32px));
    padding:9px 12px;
    border:1px solid var(--te-border);
    border-radius:999px;
    background:rgba(11,9,7,.82);
    box-shadow:0 14px 34px rgba(0,0,0,.24);
    backdrop-filter: blur(12px);
}
.topbar_logo{
    width:auto;
    height:44px;
    max-width:126px;
    object-fit:contain;
    filter: drop-shadow(0 3px 10px rgba(0,0,0,.42));
}
.topbar_links{ gap:8px; }
.topbar_link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0 2px;
    min-height:38px;
    padding:0 15px;
    border:1px solid transparent;
    border-radius:999px;
    color:#e9ddc9;
    background:transparent;
    transition:all .22s ease;
}
.topbar_link:hover,
.topbar_link.active,
.active{
    color:#201306;
    background:linear-gradient(135deg, #f5d992, #d7a64f);
    border-color:rgba(255,232,169,.7);
    box-shadow:none;
}
.button,.button_black,.img_button,.img_button2{
    border-radius:999px !important;
    min-height:38px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid var(--te-border) !important;
    background:rgba(255,255,255,.045) !important;
    color:var(--te-ink) !important;
    box-shadow:none !important;
    transition:all .22s ease;
}
.button:hover,.button_black:hover,.img_button:hover,.img_button2:hover{
    transform:translateY(-1px);
    color:#201306 !important;
    background:linear-gradient(135deg, #f5d992, #d7a64f) !important;
}
.img_button img,.img_button2 img{ width:18px; height:18px; filter:brightness(0) invert(1); }
.img_button:hover img,.img_button2:hover img{ filter:brightness(0) saturate(1); }
.menu-line{
    color:#f7efe1 !important;
    border:1px solid var(--te-border);
    border-radius:16px;
    padding:12px 14px;
    margin:6px 0;
    background:rgba(255,255,255,.045);
}
.section_footer{
    background:#0b0907 !important;
    border-top:1px solid var(--te-border);
}
.footer-wrapper{
    align-items:flex-start !important;
    gap:24px;
}
.trueexit-legal{
    max-width:520px;
    color:#b9ad99;
    font-size:12px;
    line-height:1.55;
}
.trueexit-legal b{ color:#f5d992; font-weight:700; }
.trueexit-legal span{ display:block; }
@media (max-width: 900px){
    .topbar-wrapper{ width:calc(100% - 20px); border-radius:22px; }
    .topbar_logo{ height:38px; max-width:104px; }
    .topbar_links,.topbar_buttons{ display:none; }
    .footer-wrapper{ flex-direction:column; align-items:center !important; text-align:center; }
    .trueexit-legal{ max-width:100%; }
}


/* TrueExit visual fixes after review */
.topbar_link,
.topbar_link:hover,
.topbar_link.active,
.active,
.topbar_link.neon,
.button:hover,
.button_black:hover,
.img_button:hover,
.img_button2:hover{
    animation:none !important;
    text-shadow:none !important;
    filter:none !important;
}
.topbar_logo{ filter: drop-shadow(0 3px 10px rgba(0,0,0,.42)) !important; }
.trueexit-btn{
    font-size:20px !important;
    text-transform:uppercase;
    letter-spacing:.9px;
}
.trueexit-btn.secondary{
    font-size:20px !important;
    text-transform:uppercase;
    letter-spacing:.9px;
}
.te-btn{
    font-size:17px !important;
    text-transform:uppercase;
    letter-spacing:.6px;
}
.section_footer{
    padding-top:34px !important;
    padding-bottom:30px !important;
    margin-top:0 !important;
}
.trueexit-footer-grid{
    display:grid !important;
    grid-template-columns:minmax(280px, 1.2fr) minmax(220px,.8fr) minmax(130px,.45fr);
    align-items:start !important;
    gap:34px !important;
    width:min(1380px, calc(100% - 32px));
}
.trueexit-legal{
    order:1;
    text-align:left;
    justify-self:start;
}
.trueexit-footer-links{
    order:2;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    justify-self:start;
}
.trueexit-footer-links .footer_link{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 !important;
    color:#e9ddc9;
    line-height:1.35;
}
.trueexit-footer-links .footer_link span{
    width:22px;
    display:inline-flex;
    justify-content:center;
}
.trueexit-footer-brand{
    order:3;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:18px;
    justify-self:end;
}
@media (max-width: 900px){
    .trueexit-footer-grid{
        grid-template-columns:1fr;
        text-align:left !important;
        width:calc(100% - 28px);
    }
    .trueexit-footer-brand{
        align-items:flex-start;
        justify-self:start;
    }
    .trueexit-btn{ font-size:17px !important; }
}


/* TrueExit review fixes 2 */
.footer_link,
.footer_link:hover,
.trueexit-footer-links .footer_link,
.trueexit-footer-links .footer_link:hover{
    animation:none !important;
    text-shadow:none !important;
    filter:none !important;
    box-shadow:none !important;
}
.trueexit-footer-links .footer_link:hover{
    color:#f5d992 !important;
    transform:translateX(2px);
}
.section_footer{
    padding-top:42px !important;
    padding-bottom:58px !important;
}
.trueexit-footer-grid{
    grid-template-columns:minmax(300px, 1fr) minmax(260px, 1fr) minmax(170px, 1fr) !important;
    gap:42px !important;
}
.trueexit-footer-links{
    justify-self:center !important;
    align-self:start !important;
    min-width:260px;
}
.trueexit-footer-brand{
    gap:34px !important;
    padding-top:2px;
}
.trueexit-footer-brand .media_icon1{
    width:46px;
    height:46px;
    border:1px solid var(--te-border);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(215,166,79,.08);
    transition:transform .22s ease, background .22s ease, border-color .22s ease;
}
.trueexit-footer-brand .media_icon1:after{
    width:24px;
    height:20px;
}
.trueexit-footer-brand .media_icon1:hover{
    transform:translateY(-3px) scale(1.04);
    background:rgba(215,166,79,.16);
    border-color:var(--te-gold-soft);
}
@media (max-width: 900px){
    .trueexit-footer-links{ justify-self:start !important; }
    .section_footer{ padding-bottom:46px !important; }
}


/* TrueExit review fixes 2 footer tuning */
.section_footer{ padding-bottom:76px !important; }
.trueexit-footer-brand{ gap:52px !important; }
.trueexit-footer-brand .media_icon1{ margin-top:8px; margin-right:8px; }
@media (max-width: 900px){ .section_footer{ padding-bottom:58px !important; } }


/* TrueExit footer Telegram placement */
.trueexit-footer-grid{
    grid-template-columns:minmax(300px, 1.1fr) minmax(260px, .9fr) minmax(90px, .35fr) minmax(130px, .45fr) !important;
    align-items:start !important;
}
.trueexit-footer-telegram{
    order:3;
    justify-self:center;
    align-self:start;
    padding-top:8px;
}
.trueexit-footer-brand{
    order:4;
    justify-self:end;
    align-items:flex-end !important;
    gap:0 !important;
    padding-top:0;
}
.trueexit-footer-telegram .media_icon1{
    width:46px;
    height:46px;
    border:1px solid var(--te-border);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(215,166,79,.08);
    transition:transform .22s ease, background .22s ease, border-color .22s ease;
}
.trueexit-footer-telegram .media_icon1:after{
    width:24px;
    height:20px;
}
.trueexit-footer-telegram .media_icon1:hover{
    transform:translateY(-3px) scale(1.04);
    background:rgba(215,166,79,.16);
    border-color:var(--te-gold-soft);
}
.trueexit-footer-brand .media_icon1{ display:none !important; }
@media (max-width: 900px){
    .trueexit-footer-grid{ grid-template-columns:1fr !important; }
    .trueexit-footer-telegram{ justify-self:start; padding-top:4px; }
    .trueexit-footer-brand{ justify-self:start; align-items:flex-start !important; }
}


/* TrueExit footer bottom spacing — 20260506-150412 */
.section_footer{
    padding-bottom:128px !important;
    margin-bottom:0 !important;
}
.trueexit-footer-grid{
    padding-bottom:22px !important;
}
@media (max-width: 900px){
    .section_footer{
        padding-bottom:104px !important;
    }
}


/* TrueExit mobile homepage polish — 20260506-154047 */
@media (max-width: 900px){
    .topbar{
        top:10px !important;
        height:auto !important;
        padding:0 !important;
        z-index:10020 !important;
    }
    .topbar-wrapper{
        width:calc(100% - 24px) !important;
        min-height:64px !important;
        padding:10px 14px !important;
        box-sizing:border-box !important;
        align-items:center !important;
        border-radius:24px !important;
    }
    .topbar-wrapper > .topbar_block:first-child{
        display:flex !important;
        align-items:center !important;
        min-height:44px !important;
    }
    .topbar_logo{
        height:44px !important;
        max-width:118px !important;
        object-fit:contain !important;
    }
    .topbar_links,
    .topbar_buttons{
        display:none !important;
    }
    .menu-btn{
        display:flex !important;
        position:relative !important;
        top:auto !important;
        right:auto !important;
        width:44px !important;
        height:44px !important;
        margin-left:auto !important;
        z-index:10030 !important;
        border:1px solid rgba(245,217,146,.32);
        border-radius:16px;
        background:rgba(245,217,146,.08);
    }
    .menu-btn .bar{
        width:22px !important;
        height:2px !important;
        margin:3px 0 !important;
        border-radius:999px;
        background:#f5d992 !important;
    }
    .mobile-menu{
        width:100vw !important;
        left:0 !important;
        right:0 !important;
        top:0 !important;
        bottom:0 !important;
        min-height:100svh !important;
        box-sizing:border-box !important;
        padding:104px 18px 28px !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:12px !important;
        background:linear-gradient(180deg, rgba(11,9,7,.98), rgba(7,7,11,.98)) !important;
        border-left:none !important;
        z-index:10010 !important;
        transform:translateX(100%);
        overflow-y:auto;
    }
    .mobile-menu.showing{ transform:translateX(0) !important; }
    .mobile-menu .menu-line,
    .mobile-menu .button,
    .mobile-menu .button_black{
        width:100% !important;
        min-height:54px !important;
        height:auto !important;
        margin:0 !important;
        padding:0 18px !important;
        box-sizing:border-box !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:10px !important;
        border:1px solid rgba(245,217,146,.28) !important;
        border-radius:18px !important;
        background:rgba(245,217,146,.075) !important;
        color:#f7efe1 !important;
        font-family:'Inter', sans-serif !important;
        font-size:15px !important;
        font-weight:700 !important;
        letter-spacing:.3px !important;
        text-transform:none !important;
        text-decoration:none !important;
        box-shadow:none !important;
        text-shadow:none !important;
        animation:none !important;
    }
    .mobile-menu .button,
    .mobile-menu .button_black{
        background:rgba(85,214,199,.09) !important;
        border-color:rgba(85,214,199,.34) !important;
    }
    .mobile-menu .menu-line:hover,
    .mobile-menu .button:hover,
    .mobile-menu .button_black:hover{
        transform:translateY(-1px);
        background:rgba(245,217,146,.12) !important;
        color:#f5d992 !important;
    }

    .section_footer{
        padding-top:42px !important;
        padding-bottom:112px !important;
    }
    .trueexit-footer-grid{
        width:calc(100% - 28px) !important;
        grid-template-columns:1fr !important;
        gap:24px !important;
        justify-items:center !important;
        text-align:center !important;
        padding-bottom:22px !important;
    }
    .trueexit-legal{
        justify-self:center !important;
        text-align:center !important;
        max-width:330px !important;
    }
    .trueexit-footer-links{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        order:2 !important;
        justify-self:center !important;
        align-items:center !important;
        min-width:0 !important;
        width:100% !important;
        max-width:330px !important;
        gap:10px !important;
        text-align:center !important;
    }
    .trueexit-footer-links .footer_link{
        width:100% !important;
        min-height:42px !important;
        justify-content:center !important;
        text-align:center !important;
        border:1px solid rgba(245,217,146,.18);
        border-radius:14px;
        background:rgba(245,217,146,.045);
    }
    .trueexit-footer-telegram{
        order:3 !important;
        justify-self:center !important;
        align-self:center !important;
        padding-top:0 !important;
    }
    .trueexit-footer-brand{
        order:4 !important;
        justify-self:center !important;
        align-self:center !important;
        align-items:center !important;
        text-align:center !important;
        padding-top:0 !important;
    }
    .trueexit-footer-brand .topbar_logo{
        height:58px !important;
        max-width:142px !important;
        margin:0 auto !important;
    }
}


/* TrueExit mobile footer bottom tune — 20260506-154433 */
@media (max-width: 900px){
    .section_footer{ padding-bottom:148px !important; }
    .trueexit-footer-grid{ padding-bottom:54px !important; }
    .trueexit-footer-brand{ margin-bottom:18px !important; }
}


/* TrueExit mobile footer height fix — 20260506-154702 */
@media (max-width: 900px){
    .section_footer{
        height:auto !important;
        min-height:0 !important;
        align-items:stretch !important;
        padding-bottom:148px !important;
    }
    .footer-wrapper,
    .trueexit-footer-grid{
        height:auto !important;
        min-height:0 !important;
    }
    .trueexit-footer-brand{
        margin-bottom:38px !important;
    }
}


/* TrueExit mobile footer gap balance — 20260506-154929 */
@media (max-width: 900px){
    .section_footer{
        height:auto !important;
        padding-bottom:62px !important;
    }
    .trueexit-footer-grid{
        padding-bottom:20px !important;
    }
    .trueexit-footer-brand{
        margin-bottom:0 !important;
    }
}


/* TrueExit mobile footer docs/social polish — 20260506-155838 */
.trueexit-footer-social{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    flex-wrap:wrap;
}
.trueexit-footer-social .media_icon1,
.trueexit-footer-social .media_icon_youtube,
.trueexit-footer-social .media_icon_vk{
    width:46px;
    height:46px;
    border:1px solid var(--te-border);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(215,166,79,.08);
    background-image:none !important;
    color:var(--te-gold-soft);
    font-family:'Inter', sans-serif;
    font-weight:800;
    font-size:13px;
    text-decoration:none;
    line-height:1;
    box-shadow:none !important;
    filter:none !important;
    transition:transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
}
.trueexit-footer-social .media_icon1:hover,
.trueexit-footer-social .media_icon_youtube:hover,
.trueexit-footer-social .media_icon_vk:hover{
    transform:translateY(-3px) scale(1.04);
    background:rgba(215,166,79,.16);
    border-color:var(--te-gold-soft);
    color:var(--te-gold-soft);
}
.trueexit-footer-social .media_icon1::after,
.trueexit-footer-social .media_icon_youtube::after,
.trueexit-footer-social .media_icon_vk::after{
    content:'';
    display:block;
    width:24px;
    height:24px;
    background-color:currentColor;
    background-image:none !important;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
    filter:none !important;
}
.trueexit-footer-social .media_icon1::after{
    -webkit-mask-image:url('/image/social/jantrish-telegram.svg');
    mask-image:url('/image/social/jantrish-telegram.svg');
}
.trueexit-footer-social .media_icon_youtube::after{
    -webkit-mask-image:url('/image/social/jantrish-youtube.svg');
    mask-image:url('/image/social/jantrish-youtube.svg');
}
.trueexit-footer-social .media_icon_vk::after{
    -webkit-mask-image:url('/image/social/jantrish-vk.svg');
    mask-image:url('/image/social/jantrish-vk.svg');
}
@media (max-width: 900px){
    .trueexit-legal{
        text-align:left !important;
        justify-self:center !important;
        align-self:center !important;
        width:100% !important;
        max-width:330px !important;
    }
    .trueexit-footer-links .footer_link:nth-child(1){ order:1; }
    .trueexit-footer-links .footer_link:nth-child(2){ order:2; }
    .trueexit-footer-links .footer_link:nth-child(3){ order:3; }
    .trueexit-footer-social{
        width:100% !important;
        max-width:330px !important;
        justify-self:center !important;
        padding-top:2px !important;
    }
}

/* TrueExit desktop footer social row — 20260513 */
@media (min-width: 901px){
    .trueexit-footer-grid{
        grid-template-columns:minmax(300px, 1.05fr) minmax(260px, .9fr) minmax(174px, .55fr) minmax(130px, .45fr) !important;
    }
    .trueexit-footer-social{
        flex-wrap:nowrap !important;
        min-width:174px !important;
    }
}


/* TrueExit registration mobile button polish — 20260506-193637 */
@media (max-width: 900px){
    #reg_action{
        width:100% !important;
        max-width:100% !important;
        min-height:54px !important;
        height:auto !important;
        box-sizing:border-box !important;
        float:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:18px 0 56px 0 !important;
        padding:0 22px !important;
        border-radius:18px !important;
        font-size:15px !important;
        font-weight:800 !important;
        letter-spacing:.5px !important;
        text-transform:uppercase !important;
    }
}

/* TrueExit public typography: site pages only; admin layout does not load this file. */
:root {
    --te-public-font: "Montserrat", Arial, Helvetica, sans-serif;
}

body, body *, body *::before, body *::after,
input, textarea, select, button {
    font-family: var(--te-public-font) !important;
}

/* TrueExit profile page refinements */
.trueexit-profile .button{
    color:#201306 !important;
    background:linear-gradient(135deg, var(--te-gold-soft), var(--te-gold)) !important;
    border-color:rgba(255,232,169,.72) !important;
}
.trueexit-profile .button:hover{
    background:linear-gradient(135deg, #ffe7a8, var(--te-gold)) !important;
}
.trueexit-profile .profile-save-password{
    margin-bottom:24px;
}
.education-icon::before{
    background-image:url('/image/svg/education-profile.svg');
}
.games-icon::before{
    background-image:url('/image/svg/dice-profile.svg');
}

.trueexit-profile .trueexit-game-owner-line{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
.trueexit-profile .profile-buy-game-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:5px 14px;
    border-radius:999px;
    border:1px solid rgba(255,232,169,.72);
    background:linear-gradient(135deg, var(--te-gold-soft), var(--te-gold));
    color:#201306 !important;
    font-size:12px;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.45px;
}
.trueexit-profile .profile-buy-game-button:hover{
    background:linear-gradient(135deg, #ffe7a8, var(--te-gold));
}