@layer reset, theme, base, utilities, components;

@layer reset {
    *,
    *::before,
    *::after {
        margin: 0;
        padding: 0;
        border: 0;
        box-sizing: border-box;
        outline: none;
        vertical-align: baseline;
    }
}



@layer base {
    html {
        /*font-size: 16px;*/
        font-size: clamp(14px, 2vw, 16px);
    }

    body {
        width: 100%;
        height: 100svh;
        font-family: "Arial", sans-serif;
        font-size: 14px;
        font-weight: normal;
    }

    button {
        cursor: pointer;
        user-select: none;
        align-items: center;
        text-align: center;
        display: inline-flex;
        gap: 0.5rem;
        border-radius: 0.5rem;
        border: 1px solid var(--alpha-white);
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

    a {
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }
}

@layer utilities {
    .u-list-reset {
        list-style: none;
    }

    .u-link-reset {
        text-decoration: none;
        font-family: inherit;
        color: inherit;
    }

    .ttu {
        text-transform: uppercase;
    }

    .underline {
        text-decoration: underline;
    }
}

/* Section */
@layer section {
    .section {
        width: 100%;
        padding: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }

    .section__wrapper {
        width: 100%;
        max-width: 75rem;
        display: flex;
        gap: 1rem;
        justify-content: center;
        flex-wrap: wrap;
    }

    .horizontal__container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .horizontal__container > * {
        flex: 1 1 50%;
        min-width: 0;
    }

    .vertical__container {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .container__wrapper {
        width: 100%;
        padding: 1rem;
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: center;*/
    }

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

    .base_image {
        width: 100%;
        height: auto;
    }

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

    @media (max-width: 780px) {
        .horizontal__container > * {
            flex: 0 0 100%;
        }
    }
}

/* Section */

@layer components {
    /*Table*/
    .table__wrapper {
        overflow-x: scroll;
    }
}

/* ---------- Кнопки ---------- */
@layer btn__shift__cdb0a9ef {
    .btn__shift__cdb0a9ef {
        position: relative;
        padding: 12px 32px;
        background-color: transparent;
        color: var(--base-blue);
        font-weight: 600;
        font-size: 0.875rem;
    }

    .btn__shift__bg__cdb0a9ef {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: var(--bg-yellow);
        transform: translate(5px, 5px);
        transition: transform 0.3s ease;
    }

    .btn__shift__border__cdb0a9ef {
        position: absolute;
        inset: 0;
        border: 1px solid var(--base-blue);
        z-index: 10;
        pointer-events: none;
    }

    .btn__shift__text__cdb0a9ef {
        position: relative;
        z-index: 10;
    }

    .btn__shift__cdb0a9ef:hover > .btn__shift__bg__cdb0a9ef {
        transform: translate(0, 0);
    }

    .btn__shift__cdb0a9ef:hover {
        background-color: transparent;
        color: var(--base-blue);
    }
}
@layer btn__ghost__17fbd79e {
    .btn__ghost__17fbd79e {
        padding: 0.75rem 3rem;
        background-color: transparent;
        color: var(--base-blue);
        border: 1px solid var(--base-blue);
        font-weight: 600;
        border-radius: 0.3rem;
        font-size: 0.875rem;
    }

    .btn__ghost__17fbd79e:hover {
        background-color: var(--base-blue);
        color: var(--base-white);
    }
}

@layer btn__ghost__b523c160 {
    .btn__ghost__b523c160 {
        padding: 0.25rem 1rem;
        background-color: var(--base-blue);
        color: var(--base-white);
        font-weight: 600;
        border-radius: 0.3rem;
        line-height: 2rem;
        white-space: nowrap;
        font-size: 1rem;
    }

    .btn__ghost__b523c160:hover {
        background-color: var(--light-blue);
    }
}

@layer btn__ghost__0d733357 {
    .btn__ghost__0d733357 {
        padding: 0.25rem 1rem;
        background-color: transparent;
        line-height: 2rem;
        color: var(--base-white);
        font-weight: 600;
        border-radius: 0.3rem;
        font-size: 1rem;
        white-space: nowrap;
    }

    .btn__ghost__0d733357:hover {
        background-color: var(--transparent-gray);
    }
}

@layer btn__solid__2efde43c {
    .btn__solid__2efde43c {
        display: inline-block;
        padding: 1rem 3rem;
        background-color: var(--base-green);
        color: var(--base-white);
        font-weight: 600;
        border-radius: 0.25rem;
        font-size: 0.875rem;
    }

    .btn__solid__2efde43c:hover {
        background-color: var(--dark-green);
    }
}
@layer btn__solid__bc7b9168 {
    .btn__solid__bc7b9168 {
        display: inline-block;
        padding: 1rem 3rem;
        background-color: var(--base-blue);
        color: var(--base-white);
        font-weight: 500;
        border-radius: 5rem;
        font-size: 0.75rem;
        cursor: pointer;
    }

    .btn__solid__bc7b9168:hover {
        background-color: var(--light-blue);
    }
}
@layer btn__scale__solid__0ee8ae6d {
    .btn__scale__solid__0ee8ae6d {
        display: inline-block;
        padding: 1rem;
        background-color: var(--base-blue);
        color: var(--base-white);
        border: 1px solid var(--base-blue);
        font-weight: 600;
        border-radius: 0.3rem;
        font-size: 0.875rem;
        transition: 0.3s transform ease;
        transform: scale(1);
    }

    .btn__scale__solid__0ee8ae6d:hover {
        transform: scale(0.9);
        background-color: var(--light-blue);
    }
}
@layer btn__ghost__solid__0781897b {
    .btn__ghost__solid__0781897b {
        display: inline-block;
        padding: 1rem;
        background-color: var(--base-green);
        color: var(--base-white);
        border: 1px solid var(--base-green);
        font-weight: 600;
        border-radius: 0.3rem;
        font-size: 0.875rem;
        transition: transform 0.3s ease;
        transform: scale(1);
    }

    .btn__ghost__solid__0781897b:hover {
        transform: scale(0.9);
    }
}
@layer btn__scale__rotate__cc157d95 {
    .btn__scale__rotate__cc157d95 {
        padding: 0.75rem 2rem;
        background-color: var(--base-blue);
        color: var(--base-white);
        border: 1px solid var(--base-blue);
        font-weight: 600;
        border-radius: 0.3rem;
        font-size: 0.875rem;
        transition: transform 0.3s ease;
        transform: scale(1) rotateZ(0deg);
    }

    .btn__scale__rotate__cc157d95:hover {
        transform: scale(1.05) rotateZ(1deg);
    }
}
@layer btn__scale__rotate__1bf3af24 {
    .btn__scale__rotate__1bf3af24 {
        display: inline-block;
        padding: 0.75rem 2rem;
        background-color: transparent;
        color: var(--base-blue);
        border: 1px solid var(--base-blue);
        font-weight: 600;
        border-radius: 0.3rem;
        font-size: 0.875rem;
        transition: transform 0.2s ease;
        transform: scale(1) rotateZ(0deg);
    }

    .btn__scale__rotate__1bf3af24:hover {
        transform: scale(1.05) rotateZ(1deg);
    }
}
@layer btn__shadow__e4c50c6f {
    .btn__shadow__e4c50c6f {
        padding: 0.75rem 2rem;
        background-color: transparent;
        color: var(--base-blue);
        border: 1px solid var(--base-blue);
        font-weight: 600;
        font-size: 0.875rem;
        box-shadow: 0.2rem 0.125rem 0 var(--base-blue);
        transition: 0.2s box-shadow ease;
    }

    .btn__shadow__e4c50c6f:hover {
        background-color: transparent;
        box-shadow: 0 0 0 var(--base-blue);
        color: var(--base-blue);
    }
}
@layer btn__shadow__2c759557 {
    .btn__shadow__2c759557 {
        text-decoration: none;
        padding: 12px 32px;
        background-color: var(--bg-transparent);
        color: var(--base-blue);
        border: 1px solid var(--base-blue);
        font-weight: 600;
        font-family: system-ui;
        font-size: 0.875rem;
        box-shadow: 0 0 0 var(--base-blue);
    }

    .btn__shadow__2c759557:hover {
        background-color: var(--bg-transparent);
        box-shadow: 3px 2px 0 var(--base-blue);
        color: var(--base-blue);
    }
}
@layer btn__simple__solid__e9156dc0 {
    .btn__simple__solid__e9156dc0 {
        display: inline-block;
        border: 1px solid var(--base-blue);
        background-color: var(--base-blue);
        padding: 0.75rem 3rem;
        font-size: 0.875rem;
        font-weight: 500;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
        color: var(--base-white);
    }

    .btn__simple__solid__e9156dc0:hover {
        background-color: var(--bg-transparent);
        color: var(--base-blue);
    }

    .btn__simple__solid__e9156dc0:focus {
        box-shadow: 0 0 0 0.2rem var(--light-blue);
    }
}
@layer goto__circle__2a283f09 {
    .goto__circle__2a283f09 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.625rem;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--base-white);
        background-color: var(--base-blue);
        border-radius: 100%;
        text-align: center;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

    .goto__circle__2a283f09:hover {
        background-color: var(--light-blue);
    }

    .goto__circle__2a283f09:focus {
        box-shadow: 0 0 0 4px var(--alpha-blue);
    }

    .goto__circle__icon__2a283f09 {
        width: 1rem;
        height: 1rem;
    }
}
@layer goto__rect__a1cf5366 {
    .goto__rect__a1cf5366 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0.625rem;
        font-size: 0.875rem;
        font-weight: 500;
        color: var(--base-white);
        background-color: var(--base-blue);
        border-radius: 0;
        text-align: center;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

    .goto__rect__a1cf5366:hover {
        background-color: var(--light-blue);
    }

    .goto__rect__a1cf5366:focus {
        box-shadow: 0 0 0 4px var(--alpha-blue);
    }

    .goto__icon__a1cf5366 {
        width: 1rem;
        height: 1rem;
    }
}
@layer btn__animated__ca3b7627 {
    .btn__animated__ca3b7627 {
        padding: 1.1em 2em;
        border: 2px solid var(--base-white);
        font-size: 15px;
        color: var(--base-black);
        cursor: pointer;
        position: relative;
        overflow: hidden;
        transition: all 0.3s;
        border-radius: 12px;
        background-color: var(--bg-yellow);
        font-weight: bolder;
        box-shadow: 0 2px 0 2px var(--base-black);
    }

    .btn__animated__ca3b7627:before {
        content: "";
        position: absolute;
        width: 100px;
        height: 120%;
        background-color: var(--base-orange);
        top: 50%;
        transform: skewX(30deg) translate(-150%, -50%);
        transition: all 0.5s;
    }

    .btn__animated__ca3b7627:hover {
        background-color: var(--green-blue);
        color: var(--base-white);
        box-shadow: 0 2px 0 2px var(--ultra-dark-blue);
    }

    .btn__animated__ca3b7627:hover::before {
        transform: skewX(30deg) translate(150%, -50%);
        transition-delay: 0.1s;
    }

    .btn__animated__ca3b7627:active {
        transform: scale(0.9);
    }
}
@layer btn__animated__c2b6b00c {
    .btn__animated__c2b6b00c {
        color: purple;
        text-transform: uppercase;
        text-decoration: none;
        border: 2px solid purple;
        border-radius: 0;
        padding: 10px 20px;
        font-size: 17px;
        cursor: pointer;
        font-weight: bold;
        background: transparent;
        position: relative;
        transition: all 1s;
        overflow: hidden;
    }

    .btn__animated__c2b6b00c:hover {
        color: white;
    }

    .btn__animated__c2b6b00c::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 0%;
        top: 0;
        left: -40px;
        transform: skewX(45deg);
        background-color: purple;
        z-index: -1;
        transition: all 1s;
    }

    .btn__animated__c2b6b00c:hover::before {
        width: 160%;
    }
}
@layer goto__btn__b71c339c {
    .goto__btn__b71c339c {
        cursor: pointer;
        font-weight: 700;
        transition: all 0.2s;
        padding: 10px 20px;
        border-radius: 100px;
        background: var(--bg-yellow);
        border: 1px solid transparent;
        display: flex;
        align-items: center;
        font-size: 15px;
    }

    .goto__btn__b71c339c:hover {
        background: var(--bg-yellow);
    }

    .goto__btn__icon__b71c339c {
        width: 34px;
        margin-left: 10px;
        transition: transform 0.3s ease-in-out;
    }

    .goto__btn__b71c339c:hover .goto__btn__icon__b71c339c {
        transform: translateX(5px);
    }

    .goto__btn__b71c339c:active {
        transform: scale(0.95);
    }
}
@layer btn__animated__e5381e62 {
    .btn__animated__e5381e62 {
        display: inline-block;
        width: 150px;
        height: 50px;
        border-radius: 0;
        border: 1px solid var(--base-black);
        position: relative;
        overflow: hidden;
        transition: all 0.5s ease-in;
        z-index: 1;
    }

    .btn__animated__e5381e62::before,
    .btn__animated__e5381e62::after {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 100%;
        transform: skew(15deg);
        transition: all 0.5s;
        overflow: hidden;
        z-index: -1;
    }

    .btn__animated__e5381e62::before {
        left: -10px;
        background: var(--base-black);
    }

    .btn__animated__e5381e62::after {
        right: -10px;
        background: var(--base-purple);
    }

    .btn__animated__e5381e62:hover::before,
    .btn__animated__e5381e62:hover::after {
        width: 58%;
    }

    .btn__animated__e5381e62:hover span {
        color: var(--light-purple);
        transition: 0.3s;
    }

    .btn__text__e5381e62 {
        color: var(--base-black);
        font-size: 18px;
        transition: all 0.3s ease-in;
    }
}
@layer btn__animated__ca977419 {
    .btn__animated__ca977419 {
        outline: 0;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        background: var(--light-green-to-blue);
        min-width: 200px;
        border: 0;
        border-radius: 4px;
        box-shadow: 0 4px 12px var(--alpha-black);
        box-sizing: border-box;
        padding: 16px 20px;
        color: var(--base-white);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        overflow: hidden;
        cursor: pointer;
    }

    .btn__animated__ca977419:hover {
        opacity: 0.95;
    }

    .btn__animated__ca977419 .btn__animation__ca977419 {
        border-radius: 100%;
        animation: ripple 0.6s linear infinite;
    }

    @keyframes ripple {
        0% {
            box-shadow: 0 0 0 0 var(--white-a01), 0 0 0 20px var(--white-a01),
            0 0 0 40px var(--white-a01), 0 0 0 60px var(--white-a01);
        }

        100% {
            box-shadow: 0 0 0 20px var(--white-a01), 0 0 0 40px var(--white-a01),
            0 0 0 60px var(--white-a01), 0 0 0 80px var(--bg-transparent);
        }
    }
}
@layer goto__btn__91a646ac {
    .goto__btn__91a646ac {
        line-height: 1;
        text-decoration: none;
        display: inline-flex;
        border: none;
        cursor: pointer;
        align-items: center;
        gap: 0.75rem;
        background-color: var(--clr);
        color: var(--base-white);
        border-radius: 10rem;
        font-weight: 600;
        padding: 0.75rem 1.5rem;
        padding-left: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: background-color 0.3s;
    }

    .btn__icon__wrapper__91a646ac {
        flex-shrink: 0;
        width: 25px;
        height: 25px;
        position: relative;
        color: var(--clr);
        background-color: var(--base-white);
        border-radius: 50%;
        display: grid;
        place-items: center;
        overflow: hidden;
    }

    .goto__btn__91a646ac:hover {
        background-color: var(--base-black);
    }

    .goto__btn__91a646ac:hover .btn__icon__wrapper__91a646ac {
        color: var(--base-black);
    }

    .btn__icon__svg__91a646ac__copy {
        position: absolute;
        transform: translate(-150%, 150%);
    }

    .goto__btn__91a646ac:hover .btn__icon__svg__91a646ac:first-child {
        transition: transform 0.3s ease-in-out;
        transform: translate(150%, -150%);
    }

    .goto__btn__91a646ac:hover .btn__icon__svg__91a646ac__copy {
        transition: transform 0.3s ease-in-out 0.1s;
        transform: translate(0);
    }
}
@layer cta__button--0fc51411 {
    .cta__button--0fc51411 {
        border: none;
        background: none;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 0;
    }

    .cta__text--0fc51411 {
        position: relative;
        color: black;
        padding-bottom: 7px;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 3px;
    }

    .cta__text--0fc51411::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: black;
        bottom: 0;
        left: 0;
        transform: scaleX(0);
        transform-origin: bottom right;
        transition: transform 0.25s ease-out;
    }

    .cta__button--0fc51411:hover .cta__text--0fc51411::after {
        transform: scaleX(1);
        transform-origin: bottom left;
    }

    .cta__icon--0fc51411 {
        transform: translateX(-8px);
        transition: all 0.3s ease;
    }

    .cta__button--0fc51411:hover .cta__icon--0fc51411 {
        transform: translateX(0);
    }

    .cta__button--0fc51411:active .cta__icon--0fc51411 {
        transform: scale(0.9);
    }
}
/* ---------- Кнопки ---------- */

/* ---------- Таблицы ---------- */
@layer table-xs__63879a17 {
    .section__63879a17 {
    }

    .section__wrapper__63879a17 {
    }

    .table__overflow-x__63879a17 {
        width: 100%;
        padding: 2rem 0;
        overflow-x: scroll;
        font-size: 1rem;
    }

    .table-xs__63879a17 {
        width: 100%;
        border-collapse: collapse;
    }

    .table-xs__63879a17 th {
        text-align: start;
        padding: 0.75rem 1rem;
    }

    .table-xs__63879a17 td {
        border-top: 1px solid var(--alpha-black);
        padding: 0.75rem 1rem;
    }
}
@layer table__xs__zebra__643cc5f4 {
    .section__643cc5f4 {
    }

    .section__wrapper__643cc5f4 {
    }

    .table__overflow-x__643cc5f4 {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow-x: scroll;
        font-size: 1rem;
    }

    .table__xs__zebra__643cc5f4 {
        width: 100%;
        border-collapse: collapse;
    }

    .table__xs__zebra__643cc5f4 > tbody > tr:nth-child(odd) {
        background-color: var(--alpha-black);
    }

    .table__xs__zebra__643cc5f4 th {
        text-align: start;
        padding: 0.75rem 1rem;
    }

    .table__xs__zebra__643cc5f4 td {
        border-top: 1px solid var(--alpha-black);
        padding: 0.75rem 1rem;
    }
}
@layer table__xs__borderer__8028f3ba {
    .section__8028f3ba {
    }

    .section__wrapper__8028f3ba {
    }

    .table__overflow-x__8028f3ba {
        width: 100%;
        padding: 2rem 0;
        overflow-x: scroll;
        font-size: 1rem;
    }

    .table__xs__borderer__8028f3ba {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border: 1px solid var(--alpha-black);
        border-radius: 0.5rem;
        overflow: hidden;
    }

    .table__xs__borderer__8028f3ba > thead {
        background-color: var(--alpha-black);
    }

    .table__xs__borderer__8028f3ba th {
        text-align: start;
        padding: 0.75rem 1rem;
    }

    .table__xs__borderer__8028f3ba td {
        border-top: 1px solid var(--alpha-black);
        padding: 0.75rem 1rem;
    }
}
/* ---------- Таблицы ---------- */

/* ---------- Аккордеон ---------- */
@layer accordion__0c0f7288 {
    .section__0c0f7288 {
    }

    .section__wrapper__0c0f7288 {
    }

    .accordion__0c0f7288 {
        width: 100%;
        border: 1px solid var(--alpha-black);
        overflow: hidden;
    }

    .accordion-item__0c0f7288 + .accordion-item__0c0f7288 {
        border-top: 1px solid var(--alpha-black);
    }

    .radio__0c0f7288 {
        display: none;
    }

    .accordion__item__header__0c0f7288 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 1rem 1.25rem;
        font-weight: bold;
        cursor: pointer;
    }

    .accordion__content__0c0f7288 {
        display: none;
        padding: 1rem 1.25rem;
    }

    .radio__0c0f7288:checked ~ .accordion__content__0c0f7288 {
        display: block;
    }

    .accordion__item__header__0c0f7288:after {
        display: inline-block;
        content: "";
        width: 0.5rem;
        height: 0.5rem;
        outline: none;
        border-right: 0.15rem solid var(--base-black);
        border-bottom: 0.15rem solid var(--base-black);
        transition: 0.2s transform ease;
    }

    .radio__0c0f7288:checked ~ .accordion__item__header__0c0f7288:after {
        transform: rotate(-90deg);
    }
}
@layer accordion__2110d5fe {
    .section__2110d5fe {
    }

    .section__wrapper__2110d5fe {
    }

    .accordion__2110d5fe {
        width: 100%;
        overflow: hidden;
    }

    .radio__2110d5fe {
        display: none;
    }

    .accordion__item__header__2110d5fe {
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--alpha-black);
        font-size: 1rem;
        padding: 1.25rem 0;
        font-weight: bold;
        cursor: pointer;
    }

    .accordion__content__2110d5fe {
        display: none;
        border-bottom: 1px solid var(--alpha-black);
        padding: 1rem 0;
    }

    .radio__2110d5fe:checked ~ .accordion__content__2110d5fe {
        display: block;
    }

    .accordion__item__header__2110d5fe:after {
        display: inline-block;
        content: "";
        width: 0.5rem;
        height: 0.5rem;
        outline: none;
        border-right: 0.15rem solid var(--base-black);
        border-bottom: 0.15rem solid var(--base-black);
        transition: 0.2s transform ease;
    }

    .radio__2110d5fe:checked ~ .accordion__item__header__2110d5fe:after {
        transform: rotate(-90deg);
    }
}
@layer accordion__1d08d915 {
    .section__1d08d915 {
    }

    .section__wrapper__1d08d915 {
    }

    .accordion__1d08d915 {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        overflow: hidden;
    }

    .accordion-item__1d08d915 {
        border: 1px solid var(--alpha-black);
        border-radius: 0.5rem;
    }

    .radio__1d08d915 {
        display: none;
    }

    .accordion__item__header__1d08d915 {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 1rem 1.25rem;
        font-weight: bold;
        cursor: pointer;
    }

    .accordion__content__1d08d915 {
        display: none;
        padding: 1rem 1.25rem;
    }

    .radio__1d08d915:checked ~ .accordion__content__1d08d915 {
        display: block;
    }

    .accordion__item__header__1d08d915:after {
        display: inline-block;
        content: "+";
        width: 0.5rem;
        height: 0.5rem;
        outline: none;
        transition: 0.2s transform ease;
    }

    .radio__1d08d915:checked ~ .accordion__item__header__1d08d915:after {
        content: "-";
    }
}

/* ---------- Аккордеон ---------- */

/* ---------- Детали ---------- */
@layer detail__container__d298b0ee {
    .section__d298b0ee {
    }

    .section__wrapper__d298b0ee {
    }

    .detail__container__d298b0ee {
        width: 100%;
        border: 1px solid var(--alpha-black);
        border-radius: 0.5rem;
    }

    .detail__d298b0ee {
        display: flex;
        flex-direction: column;
        padding: 1rem;
    }

    .summary__d298b0ee {
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
    }

    .description__d298b0ee {
        padding: 1rem 2rem;
    }

    .detail__d298b0ee + .detail__d298b0ee {
        border-top: 1px solid var(--alpha-black);
    }
}
/* ---------- Детали ---------- */

/* ---------- Вопрос ---------- */
@layer question__wrapper__38e7991b {
    .section__38e7991b {
    }

    .section__wrapper__38e7991b {
    }

    .question__wrapper__38e7991b {
        width: 100%;
        padding: 1.5rem;
        border-radius: 1rem;
        border: 1px solid var(--base-green);
        border-right: 8px solid var(--base-green);
    }

    .question__question__38e7991b {
        padding: 0.5rem;
        font-size: 1.25rem;
    }

    .question__answer__38e7991b {
        padding: 0.5rem;
        line-height: 2rem;
        font-size: 1rem;
    }
}

@layer question__wrapper__397dac96 {
    .section__397dac96 {
    }

    .section__wrapper__397dac96 {
    }

    .question__wrapper__397dac96 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .question__header__397dac96 {
        font-size: 1.125rem;
        display: flex;
        align-items: start;
        gap: 0.5rem;
    }

    .question__icon___397dac96 {
        width: 1.25rem;
    }

    .answer__text__397dac96 {
        font-size: 1rem;
        line-height: 2rem;
    }
}
/* ---------- Вопрос ---------- */

/* ---------- FAQ ---------- */
@layer faq__container__4cba1725 {
    .section__4cba1725 {
    }

    .section__wrapper__4cba1725 {
    }

    .faq__container__4cba1725 {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .faq__questions__container__4cba1725 {
        display: flex;
        flex-wrap: wrap;
    }

    .faq__questions__block__4cba1725 {
        width: 50%;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    @media (max-width: 768px) {
        .faq__questions__block__4cba1725 {
            width: 100%;
        }
    }
}

@layer faq__dl__wrapper__f6a7cdc1 {
    .section__f6a7cdc1 {
    }

    .section__wrapper__f6a7cdc1 {
    }

    .faq__dl__wrapper__f6a7cdc1 {
        width: 100%;
    }

    .faq__header__container__f6a7cdc1 {
        padding: 2rem 1rem;
    }

    .faq__header__f6a7cdc1 {
        font-size: 2rem;
        text-align: center;
    }

    .faq__dl__container__f6a7cdc1 {
        width: 100%;
    }
}
/* ---------- FAQ ---------- */

/* ---------- Баннер ---------- */
@layer banner__container__9b479e77 {
    .section__9b479e77 {
        padding: 5rem 2rem;
    }

    .section__wrapper__9b479e77 {
    }

    .banner__container__9b479e77 {
        width: 100%;
        max-width: 75rem;
        display: flex;
        gap: 2rem;
        flex-direction: column;
        justify-content: center;
    }

    .banner__header__9b479e77 {
        font-size: 2rem;
        font-weight: 900;
        text-align: center;
    }

    .banner__text__9b479e77 {
        font-size: 1rem;
        line-height: 2rem;
        text-align: center;
    }

    .banner__action__wrapper__9b479e77 {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 2rem;
    }
}
@layer banner__container__bc12bebe {
    .section__bc12bebe {
        background: linear-gradient(rgba(71, 69, 69, 0.8), rgba(112, 113, 109, 0.8)),  url("../images/texture_2.jpg");
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-color: var(--hero-bg-color);
        padding: 4rem 0;
    }

    .section__wrapper__bc12bebe {
    }

    .banner__container__bc12bebe {
        background-color: var(--banner-bg-color);
        color: var(--base-white);
        padding: 1rem;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: center;
    }

    .banner__image__wrapper__bc12bebe {
        width: 50%;
        padding: 0.5rem;
    }

    .banner__image__bc12bebe {
        width: 100%;
    }

    .banner__text__wrapper__bc12bebe {
        width: 50%;
        display: flex;
        gap: 2rem;
        flex-direction: column;
        justify-content: center;
        padding: 0.5rem;
    }

    .banner__header__bc12bebe {
        width: 100%;
        font-size: 2rem;
        font-weight: 900;
    }

    .banner__text__bc12bebe {
        width: 100%;
        font-size: 1rem;
        line-height: 2rem;
    }

    .banner__action__wrapper__bc12bebe {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 2rem;
    }

    @media (max-width: 768px) {
        .section__bc12bebe {
            padding: 0;
        }
        .banner__container__bc12bebe {
            padding: 2rem 1rem;
        }
        .banner__image__wrapper__bc12bebe,
        .banner__text__wrapper__bc12bebe {
            width: 100%;
            text-align: center;
        }

        .banner__action__wrapper__bc12bebe {
            justify-content: center;
        }
    }
}
@layer banner__container__1b0004d3 {
    .section__1b0004d3 {
        background-color: var(--bg-yellow);
    }

    .section__wrapper__1b0004d3 {
    }

    .banner__container__1b0004d3 {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .banner__image__wrapper__1b0004d3 {
        width: 50%;
        padding: 0.5rem;
    }

    .banner__image__1b0004d3 {
        width: 100%;
    }

    .banner__text__logo__wrapper__1b0004d3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 50%;
    }

    .banner__logo__wrapper__1b0004d3 {
    }

    .banner__logo__1b0004d3 {
        width: 10rem;
    }

    .banner__text__wrapper__1b0004d3 {
        width: 100%;
        display: flex;
        gap: 2rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0.5rem;
    }

    .banner__header__1b0004d3 {
        font-size: 2rem;
        font-weight: 900;
    }

    .banner__text__1b0004d3 {
        font-size: 1rem;
        line-height: 2rem;
    }

    .banner__action__wrapper__1b0004d3 {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
    }

    @media (max-width: 768px) {
        .banner__image__wrapper__1b0004d3,
        .banner__text__logo__wrapper__1b0004d3 {
            width: 100%;
        }

        .banner__container__1b0004d3 {
            flex-direction: column-reverse;
            gap: 2rem;
        }
    }
}

@layer text__banner__container__f97501a4 {
    .section__f97501a4 {
        background-color: var(--alpha-black);
    }

    .section__wrapper__f97501a4 {
    }

    .text__banner__container__f97501a4 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
        max-width: 75rem;
        padding: 2rem 0;
    }

    .heading__f97501a4 {
        font-weight: 800;
        font-size: 1.75rem;
        color: var(--base-black);
    }

    .simple__link__3261389f {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: var(--base-blue);
    }

    .simple__link__3261389f:hover {
        color: var(--light-blue);
    }

    .link__text__3261389f {
        font-size: 1rem;
        height: 1.35rem;
        font-weight: 500;
        color: inherit;
    }

    .arrow__icon__3261389f {
        height: 1.5rem;
        color: inherit;
    }
}

/* ---------- Баннер ---------- */

/* ---------- Призыв к действию ---------- */
@layer cta__container__789d44ff {
    .cta__container__789d44ff {
        background-color: var(--cta-bg-color);
        padding: 2rem;
        display: flex;
        align-items: center;
        flex-wrap: wrap-reverse;
        gap: 2rem;
        box-shadow: 5px 10px rgba(22, 43, 69, 0.46);
    }

    .cta__text__wrapper__789d44ff {
        width: calc(50% - 1rem);
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .cta__header__789d44ff {
        text-align: center;
        font-size: 2rem;
        line-height: 3rem;
    }

    .cta__text__789d44ff {
        text-align: center;
        font-size: 1rem;
        line-height: 2rem;
    }

    .cta__action__789d44ff {
        margin-top: 2rem;
        display: flex;
        justify-content: center;
    }


    .cta__image__wrapper__789d44ff {
        width: calc(50% - 1rem);
    }

    .cta__image__789d44ff {
        width: 100%;
    }

    @media (max-width: 768px) {
        .section__789d44ff {
            padding: 0;
        }
        .cta__container__789d44ff {
            box-shadow: none;
        }
        .cta__text__wrapper__789d44ff,
        .cta__image__wrapper__789d44ff {
            width: 100%;
            text-align: center;
        }

        .banner__container__1b0004d3 {
            flex-direction: column-reverse;
            gap: 2rem;
        }


    }
}
@layer cta__container__9d08a336 {
    .cta__container__9d08a336 {
        position: relative;
        width: 100%;
        padding: 6rem 4rem;
        background-image: url(../images/8.webp);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        overflow: hidden;
    }

    .cta__container__9d08a336::before {
        content: "";
        position: absolute;
        inset: 0;
        background: var(--alpha-black);
        z-index: 0;
    }

    .cta__content__9d08a336 {
        position: relative;
        z-index: 1;
        width: 100%;
        max-width: 512px;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        color: var(--base-white);
        text-align: center;
    }

    .cta__header__9d08a336 {
        font-size: 2rem;
        line-height: 3rem;
    }

    .cta__text__9d08a336 {
        font-size: 1rem;
        line-height: 2rem;
    }

    .cta__action__cotnainer__9d08a336 {
        display: flex;
        justify-content: center;
    }

    @media (max-width: 640px) {
        .cta__text__9d08a336 {
            display: none;
        }
    }
}
@layer cta__container__821b4964 {
    .cta__container__821b4964 {
        width: 100%;
        background: var(--base-blue);
        border-radius: 1rem;
        padding: 8rem 2rem;
    }

    .colored__cta__section__821b4964 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cta__wrapper__821b4964 {
        width: 100%;
        max-width: 48rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 1.5rem;
    }

    .cta__header__821b4964 {
        font-size: 3rem;
        color: var(--base-white);
        text-align: center;
    }

    .cta__text__821b4964 {
        text-align: center;
        font-size: 1.125rem;
        line-height: 2rem;
        color: var(--base-white);
    }

    .cta__nav__821b4964 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }

    .cta__bg__link__821b4964 {
        padding: 0.625rem 0.875rem;
        text-decoration: none;
        color: var(--base-blue);
        background: var(--base-white);
        border-radius: 0.25rem;
    }

    .cta__bg__link__821b4964:hover {
        background-color: var(--alpha-white);
    }

    .cta__link__821b4964 {
        color: var(--alpha-white);
        font-size: 0.875rem;
        font-weight: 600;
        text-decoration: none;
    }

    .cta__link__821b4964:hover {
        color: var(--alpha-white);
    }

    @media (max-width: 480px) {
        .cta__header__821b4964 {
            font-size: 2rem;
        }
    }
}

/* ---------- Призыв к действию ---------- */

/* ---------- Footer - Подвал ---------- */
@layer footer__844748a7 {
    .footer__844748a7 {
        background-color: var(--footer-bg);
        color: var(--base-white);
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2rem;
        margin-top: 5rem;
    }

    .footer__wrapper__844748a7 {
        display: flex;
        align-items: center;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
        width: 100%;
        max-width: 75rem;
    }

    .footer__copyright__844748a7 {
        text-align: center;
        font-size: 1rem;
        color: var(--light-gray-blue);
    }

    .footer__social__nav__844748a7 {
    }

    .footer__social__wrapper__844748a7 {
        display: flex;
        gap: 0.5rem;
    }

    .social__container__844748a7 {
        list-style: none;
        color: var(--alpha-white);
        position: relative;
        border-radius: 0.5rem;
        transition: 0.5s background-color ease;
    }

    .social__link__844748a7 {
        display: block;
        align-items: center;
        color: inherit;
        padding: 0.5rem;
        transition: 0.5s color ease;
    }

    .social__container__844748a7:hover {
        color: var(--base-white);
        background-color: var(--ultra-light-blue);
        cursor: pointer;
    }

    .social__container__844748a7:hover .social__tooltip__hidden__844748a7 {
        background-color: var(--ultra-light-blue);
        opacity: 1;
    }

    .social__icon__844748a7 {
        display: block;
        width: 1rem;
        height: 1rem;
        color: inherit;
    }

    .social__icon__844748a7:hover {
        color: var(--base-white);
    }

    .social__tooltip__hidden__844748a7 {
        display: inline-block;
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translateX(-50%) translateY(10px);
        background-color: var(--ultra-light-blue);
        color: var(--base-white);
        opacity: 0;
        padding: 0.5rem;
        border-radius: 0.5rem;
        white-space: nowrap;
        transition: opacity 0.5s ease, transform 0.5s ease;
        pointer-events: none;
    }

    @media (max-width: 640px) {
        .footer__wrapper__844748a7 {
            flex-direction: column;
            justify-content: center;
            gap: 1rem;
        }
    }
}

@layer footer__63397618 {
    .footer__63397618 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 2rem;
        background-color: var(--footer-bg);
        color: var(--base-white);
        margin-top: 5rem;
    }

    .footer__wrapper__63397618 {
        width: 100%;
        max-width: 75rem;
    }

    .footer__nav__63397618 {
    }

    .footer__nav__list__63397618 {
        width: 100%;
        list-style: none;
        color: inherit;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .footer__list__item__63397618 {
        color: inherit;
        text-align: center;
    }

    .footer__nav__link {
        color: inherit;
    }

    .footer__nav__link:hover {
        text-decoration: none;
    }

    .footer__copyright__63397618 {
        color: var(--light-gray-blue);
    }

    .copyright__text__63397618 {
        color: inherit;
        text-align: center;
        padding-top: 1.5rem;
    }

    .copyright__link__63397618 {
        color: inherit;
        text-decoration: none;
    }

    .copyright__link__63397618:hover {
        text-decoration: underline;
    }
}

@layer footer__7f1c9a43 {
    .footer__7f1c9a43 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 2rem;
        background-color: var(--footer-bg);
        color: var(--base-white);
        margin-top: 5rem;
    }

    .footer__wrapper__7f1c9a43 {
        width: 100%;
        max-width: 75rem;
    }

    .footer__logo__link {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        color: var(--base-white);
        font-size: 1.5rem;
        text-decoration: none;
    }

    .logo__image__7f1c9a43 {
        height: 4rem;
    }

    .footer__description__7f1c9a43 {
        font-size: 1rem;
        color: var(--light-gray-blue);
        text-align: center;
        padding: 1.5rem;
    }

    .footer__nav__7f1c9a43 {
    }

    .footer__nav__list__7f1c9a43 {
        width: 100%;
        list-style: none;
        color: inherit;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .footer__list__item__7f1c9a43 {
        color: inherit;
        text-align: center;
    }

    .footer__nav__link {
        color: inherit;
    }

    .footer__nav__link:hover {
        text-decoration: none;
    }

    .footer__copyright__7f1c9a43 {
        color: var(--light-gray-blue);
    }

    .copyright__text__7f1c9a43 {
        color: inherit;
        text-align: center;
        padding-top: 1.5rem;
    }

    .copyright__link__7f1c9a43 {
        color: inherit;
        text-decoration: none;
    }

    .copyright__link__7f1c9a43:hover {
        text-decoration: underline;
    }
}

@layer footer__1c542271 {
    .footer__1c542271 {
        width: 100%;
        padding: 2rem;
        background-color: var(--footer-bg);
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 5rem;
    }

    .footer__wrapper__1c542271 {
        width: 100%;
        max-width: 75rem;
    }

    .footer__content__wrapper__1c542271 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: space-between;
    }

    .footer__logo__wrapper__1c542271 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer__logo__link__1c542271 {
        font-size: 1.5rem;
        color: var(--base-white);
        text-decoration: none;
        display: flex;
        gap: 1rem;
        align-items: center;
    }

    .logo__image__1c542271 {
        width: 2rem;
    }

    .footer__nav__wrapper__1c542271 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footer__nav__1c542271 {
        display: flex;
        flex-wrap: wrap;
        gap: 2.5rem;
    }

    .nav__category__container__1c542271 {
    }

    .category__header__1c542271 {
        padding-bottom: 1.5rem;
        font-size: 0.85rem;
        text-transform: uppercase;
        color: var(--base-white);
    }

    .category__list__1c542271 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        list-style: none;
        color: var(--light-gray-blue);
    }

    .category__item__1c542271 {
        color: inherit;
    }

    .nav__link__1c542271 {
        font-size: 0.85rem;
        text-decoration: none;
        color: inherit;
    }

    .nav__link__1c542271:hover {
        text-decoration: underline;
    }

    .footer__hr__1c542271 {
        width: 100%;
        height: 0.5px;
        background-color: var(--transparent-gray);
    }

    .social__wrapper__1c542271 {
        background-color: var(--footer-bg);
        color: var(--light-gray-blue);
        width: 100%;
        align-items: center;
        padding: 0 4rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer__copyright__1c542271 {
        text-align: center;
        font-size: 1rem;
    }

    .copyright__link__1c542271 {
        color: inherit;
        text-decoration: none;
    }

    .copyright__link__1c542271:hover {
        text-decoration: underline;
    }

    .footer__social__nav__1c542271 {
    }

    .footer__social__wrapper__1c542271 {
        display: flex;
        gap: 0.5rem;
    }

    .social__container__1c542271 {
        list-style: none;
        color: var(--light-gray-blue);
        position: relative;
        border-radius: 0.5rem;
        transition: 0.5s background-color ease;
    }

    .social__link__1c542271 {
        display: block;
        align-items: center;
        color: inherit;
        padding: 0.5rem;
        transition: 0.5s color ease;
    }

    .social__container__1c542271:hover {
        color: var(--base-white);
        background-color: var(--ultra-light-blue);
        cursor: pointer;
    }

    .social__container__1c542271:hover .social__tooltip__hidden__1c542271 {
        background-color: var(--ultra-light-blue);
        opacity: 1;
    }

    .social__icon__1c542271 {
        display: block;
        width: 1rem;
        height: 1rem;
        color: inherit;
    }

    .social__icon__1c542271:hover {
        color: var(--base-white);
    }

    .social__tooltip__hidden__1c542271 {
        display: inline-block;
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translateX(-50%) translateY(10px); /* смещаем вниз */
        background-color: var(--ultra-light-blue);
        color: var(--base-white);
        opacity: 0;
        padding: 0.5rem;
        border-radius: 0.5rem;
        white-space: nowrap;
        transition: opacity 0.5s ease, transform 0.5s ease; /* плавный переход */
        pointer-events: none; /* чтобы скрытый тултип не ловил мышь */
    }

    @media (max-width: 640px) {
        .social__wrapper__1c542271 {
            flex-direction: column;
            justify-content: center;
            gap: 1rem;
            padding: 0;
        }

        .footer__social__wrapper__1c542271 {
            display: flex;
            flex-wrap: wrap;
        }
    }
}
/* ---------- Footer - Подвал ---------- */

/* ---------- Header ---------- */
@layer header__b0b91a57 {
    .header__b0b91a57 {
        width: 100%;
        padding: 1rem 2rem;
        background-color: var(--header-bg);
    }

    .header__nav__b0b91a57 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .nav__list__b0b91a57 {
        list-style: none;
        display: flex;
        gap: 1rem;
    }

    .nav__item__b0b91a57 {
        color: var(--light-gray-blue);
    }

    .nav__link__b0b91a57 {
        text-decoration: none;
        color: inherit;
        font-size: 1rem;
    }

    .nav__link__b0b91a57:hover {
        color: var(--base-white);
    }

    .footer__logo__link__b0b91a57 {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 1rem;
        font-size: 1.5rem;
        color: var(--base-white);
        text-decoration: none;
    }

    .logo__image__b0b91a57 {
        width: 2rem;
    }

    .auth__container__b0b91a57 {
        display: flex;
        justify-content: end;
        gap: 0.5rem;
    }

    .burger__label__b0b91a57 {
        border-radius: 0.5rem;
        display: none;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0.5rem;
        margin: 0;
        outline: none;
    }

    .burger__label__b0b91a57:hover {
        background-color: var(--transparent-gray);
    }

    .burger__icon__b0b91a57,
    .close__burger__icon__b0b91a57 {
        width: 1.25rem;
        height: 1.25rem;
        color: var(--base-white);
    }

    .close__burger__icon__b0b91a57 {
        cursor: pointer;
        display: none;
    }

    #menu__toggle__b0b91a57:checked ~ .nav__list__b0b91a57 {
        display: flex;
    }

    #menu__toggle__b0b91a57:checked
    ~ .auth__container__b0b91a57
    label
    .burger__icon__b0b91a57 {
        display: none;
    }

    #menu__toggle__b0b91a57:checked
    ~ .auth__container__b0b91a57
    label
    .close__burger__icon__b0b91a57 {
        display: block;
    }

    @media (max-width: 780px) {
        .header__nav__b0b91a57 {
            gap: 1rem;
        }

        .burger__label__b0b91a57 {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .nav__list__b0b91a57 {
            display: none;
            justify-content: center;
            flex-direction: column;
            width: 100%;
            order: 3;
            gap: 0;
        }

        .nav__item__b0b91a57 {
            padding: 1rem;
        }

        .nav__item__b0b91a57:hover {
            background-color: var(--transparent-gray);
            color: var(--base-white);
            cursor: pointer;
        }
    }
    @media (max-width: 480px) {
    }
}

@layer header__03a5da55 {
    .header__03a5da55 {
        width: 100%;
        background-color: var(--header-bg);
    }

    .header__nav__03a5da55 {
        display: flex;
        gap: 1rem;
    }

    .header__top_nav__03a5da55 {
        padding: 1rem 2rem;
        align-items: center;
        flex-wrap: wrap-reverse;
        justify-content: space-between;
    }

    .header__bottom_nav__03a5da55 {
        padding: 0.5rem 1rem;
        background-color: var(--transparent-gray);
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .footer__logo__link__03a5da55 {
        text-decoration: none;
        display: flex;
        gap: 1rem;
    }

    .logo__image__03a5da55 {
        height: 2rem;
    }

    .logo__text__03a5da55 {
        font-size: 1.5rem;
        color: var(--base-white);
    }

    .auth__list__03a5da55 {
        list-style: none;
        display: flex;
    }

    .auth__item__03a5da55 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .auth__link__03a5da55 {
        padding: 0.375rem 1rem;
        font-size: 1rem;
        text-decoration: none;
        color: var(--base-white);
        font-weight: 600;
    }

    .auth__link__03a5da55:hover {
        text-decoration: underline;
    }

    .nav__list__03a5da55 {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }

    .nav__item__03a5da55 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav__link__03a5da55 {
        padding: 1rem;
        color: var(--base-white);
    }

    .nav__link__03a5da55:hover {
        text-decoration: none;
    }

    #menu__toggle__03a5da55 {
        display: none;
    }

    .burger__label__03a5da55 {
        display: none;
        padding: 0.375rem;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        cursor: pointer;
    }

    .burger__label__03a5da55:hover {
        background-color: var(--transparent-gray);
    }

    .burger__icon__03a5da55 {
        color: var(--base-white);
        height: 1.25rem;
    }

    .close__burger__icon__03a5da55 {
        height: 1.25rem;
        color: var(--base-white);
        display: none;
    }

    #menu__toggle__03a5da55:checked ~ .nav__list__03a5da55 {
        display: flex;
    }

    #menu__toggle__03a5da55:checked ~ label .burger__icon__03a5da55 {
        display: none;
    }

    #menu__toggle__03a5da55:checked ~ label .close__burger__icon__03a5da55 {
        display: block;
    }

    @media (max-width: 780px) {
        .nav__list__03a5da55 {
            display: none;
        }

        .burger__label__03a5da55 {
            display: flex;
        }
    }

    @media (max-width: 380px) {
        .header__top_nav__03a5da55 {
            flex-direction: column-reverse;
        }
    }
}

@layer header__d3eb0a2a {
    .header__d3eb0a2a {
        width: 100%;
        background-color: var(--header-bg);
    }

    .header__nav__d3eb0a2a {
        padding: 0 2rem;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1rem;
    }

    .logo__container__d3eb0a2a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .logo__image__d3eb0a2a {
        height: 2rem;
    }

    .nav__wrapper__d3eb0a2a {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .header__nav__list__d3eb0a2a {
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav__item__d3eb0a2a {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav__link__d3eb0a2a {
        padding: 1rem;
        text-decoration: none;
        color: var(--base-white);
        border-top: 2px solid var(--bg-transparent);
        border-bottom: 2px solid var(--bg-transparent);
        transition: 0.3s border-bottom ease;
    }

    .nav__link__d3eb0a2a:hover {
        border-bottom: 2px solid var(--base-blue);
    }

    .nav__login__d3eb0a2a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: fit-content;
        padding: 0.75rem;
        color: var(--base-white);
        text-decoration: none;
        border-radius: 0.25rem;
    }

    .nav__login__d3eb0a2a:hover {
        background-color: var(--base-blue);
    }

    #menu__toggle__d3eb0a2a {
        display: none;
    }

    .burger__label__d3eb0a2a {
        cursor: pointer;
        border-radius: 0.25rem;
        padding: 0.625rem;
        display: none;
        justify-content: center;
        align-items: center;
    }

    .burger__label__d3eb0a2a:hover {
        background-color: var(--transparent-gray);
    }

    .burger__icon__d3eb0a2a {
        height: 1.25rem;
        color: var(--base-white);
    }

    .close__burger__icon__d3eb0a2a {
        display: none;
        height: 1.25rem;
        color: var(--base-white);
    }

    #menu__toggle__d3eb0a2a:checked ~ .header__nav__list__d3eb0a2a {
        display: flex;
    }

    #menu__toggle__d3eb0a2a:checked ~ label .burger__icon__d3eb0a2a {
        display: none;
    }

    #menu__toggle__d3eb0a2a:checked ~ label .close__burger__icon__d3eb0a2a {
        display: block;
    }

    #menu__toggle__d3eb0a2a:checked ~ .nav__login__d3eb0a2a {
        display: flex;
    }

    @media (max-width: 780px) {
        .header__nav__list__d3eb0a2a {
            margin-top: 1rem;
            display: none;
            order: 2;
            width: 100%;
            flex-direction: column;
            justify-content: start;
        }

        .nav__item__d3eb0a2a {
            width: 100%;
        }

        .nav__link__d3eb0a2a {
            width: 100%;
        }

        .nav__login__d3eb0a2a {
            order: 3;
            display: none;
            width: 100%;
            border: 2px solid var(--bg-transparent);
            justify-content: start;
        }

        .nav__login__d3eb0a2a:hover {
            background-color: var(--transparent-gray);
            border-left: 2px solid var(--base-blue);
        }

        .nav__link__d3eb0a2a {
            border: 2px solid var(--bg-transparent);
        }

        .nav__link__d3eb0a2a:hover {
            background-color: var(--transparent-gray);
            border-radius: 0.25rem;
            border-bottom: 2px solid var(--bg-transparent);
            border-left: 2px solid var(--base-blue);
        }

        .burger__label__d3eb0a2a {
            display: flex;
        }

        .header__nav__d3eb0a2a {
            gap: 0;
            padding: 1rem;
        }
    }
}
/* ---------- Header ---------- */

/* ---------- About author ---------- */
@layer about__author__container__c646879f {
    .about__author__container__c646879f {
        width: 100%;
        max-width: 75rem;
        display: flex;
        flex-direction: column;
        gap: 4rem;
    }

    .about__author__wrapper__inner__c646879f {
        display: flex;
        justify-content: start;
        gap: 2rem;
        align-items: center;
    }

    .author__block__c646879f {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 2rem;
    }

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

    .author__image__c646879f {
        width: 10rem;
    }

    .author__name__c646879f {
        font-size: 2rem;
    }

    .author__name__c646879f:hover {
        text-decoration: underline;
    }

    .author__text__wrapper__c646879f {
    }

    .author__text__c646879f {
        font-size: 1rem;
        line-height: 2rem;
        text-align: justify;
    }

    .author__link__c646879f {
        display: flex;
        width: max-content;
        padding: 0.5rem 1rem;
        color: var(--base-black);
        font-size: 1rem;
        text-decoration: none;
        border: 1px solid var(--base-black);
        transition: 0.5s border-color ease, 0.5s color ease;
        justify-content: center;
    }

    .author__link__c646879f:hover {
        border-color: var(--base-red);
        color: var(--base-red);
    }

    @media (max-width: 780px) {
        .about__author__wrapper__inner__c646879f {
            flex-direction: column-reverse;
        }

        .author__image__c646879f {
            width: 60%;
        }

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

        .author__link__c646879f {
            width: 100%;
        }
    }
}

@layer about__author__ec612731 {
    .about__author__ec612731 {
    }

    .about__author__wrapper__ec612731 {
        border: 2px dashed var(--base-black);
        border-radius: 1rem;
    }

    .about__author__header__ec612731 {
        display: flex;
    }

    .about__header__ec612731 {
        padding: 0.5rem 1rem;
        border-bottom-right-radius: 0.5rem;
        border-top-left-radius: 0.8rem;
        border-bottom: 2px dashed var(--base-black);
        border-right: 2px dashed var(--base-black);
        color: var(--base-black);
        font-size: 1rem;
        text-decoration: none;
    }

    .about__header__ec612731:hover {
        background-color: var(--base-blue);
        color: var(--base-white);
    }

    .about__author__container__ec612731 {
        padding: 2rem;
        display: flex;
        gap: 2rem;
    }

    .about__block__ec612731 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .about__first__block__ec612731 {
        justify-content: center;
        align-items: center;
    }

    .image__container__ec612731 {
    }

    .author__image__ec612731 {
        width: 10rem;
        border-radius: 1rem;
    }

    .author__name__ec612731 {
        font-size: 2rem;
    }

    .author__name__ec612731:hover {
        text-decoration: underline;
    }

    .author__text__ec612731 {
        font-size: 1rem;
        line-height: 2rem;
        text-align: justify;
    }

    .globe__link__ec612731 {
    }

    .globe__icon__ec612731 {
        height: 2rem;
    }

    @media (max-width: 780px) {
        .about__author__container__ec612731 {
            flex-direction: column;
        }

        .image__container__ec612731 {
            display: flex;
            justify-content: center;
        }

        .author__image__ec612731 {
            width: 100%;
        }

        .about__block__ec612731 {
            justify-content: center;
            align-items: center;
        }
    }
}

/* ---------- About author ---------- */

/* Timer Block */
@layer timer__ed5cbd7a {
    .section__ed5cbd7a {
    }

    .section__wrapper__ed5cbd7a {
    }

    .timer__ed5cbd7a {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 25rem;
        gap: 1rem;
        padding: 1rem;
    }

    .timer__container__ed5cbd7a {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .timer__item__ed5cbd7a {
        width: 5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .timer__day__item__ed5cbd7a {
    }

    .timer__hours__item__ed5cbd7a {
    }

    .timer__minutes__item__ed5cbd7a {
    }

    .timer__day__seconds__ed5cbd7a {
    }

    .timer__header__ed5cbd7a {
        font-size: 3rem;
    }

    .timer__span__ed5cbd7a {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.75rem;
    }
}

@layer timer__6903d03c {
    .section__6903d03c {
    }

    .section__wrapper__6903d03c {
    }

    .timer__6903d03c {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 25rem;
        gap: 1rem;
        padding: 1rem;
    }

    .timer__container__6903d03c {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .timer__item__6903d03c {
        width: 5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        box-shadow: 0 0 3px var(--base-black);
        border-radius: 0.5rem;
    }

    .timer__day__item__6903d03c {
    }

    .timer__hours__item__6903d03c {
    }

    .timer__minutes__item__6903d03c {
    }

    .timer__day__seconds__6903d03c {
    }

    .timer__header__6903d03c {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        border-top: 1px solid var(--base-black);
        border-left: 1px solid var(--base-black);
        border-right: 1px solid var(--base-black);
        background-color: var(--base-blue);
        color: var(--base-white);
        text-align: center;
        width: 100%;
        font-size: 3rem;
    }

    .timer__span__6903d03c {
        background-color: var(--base-white);
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.75rem;
        border-bottom: 1px solid var(--base-black);
        border-left: 1px solid var(--base-black);
        border-right: 1px solid var(--base-black);
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
    }
}

@layer minimal__timer__7a4b5024 {
    .section__7a4b5024 {
    }

    .section__wrapper__7a4b5024 {
    }

    .minimal__timer__7a4b5024 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: 24rem;
        gap: 0.5rem;
        padding: 1rem;
    }

    .timer__wrapper__7a4b5024 {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .timer__container__7a4b5024 {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .timer__item__7a4b5024 {
        width: 5rem;
        display: flex;
    }

    .timer__header__7a4b5024 {
        font-size: 3rem;
        line-height: 3rem;
        display: flex;
        align-items: end;
    }

    .timer__type__7a4b5024 {
        font-size: 1.5rem;
        font-weight: 600;
        display: flex;
        align-items: end;
        color: var(--base-orange);
    }

    .timer__last__item__7a4b5024 {
        font-size: 1.5rem;
        display: flex;
        align-items: end;
    }
}

/* Timer Block */

/* List Blocks */
@layer list__header__text__93e6a722 {
    .list__header__text__93e6a722 {
        width: 100%;
        max-width: 75rem;

        display: flex;
        flex-direction: column;
        gap: 1rem;
        text-align: justify;
    }

    .list__header__93e6a722 {
        font-size: 2rem;
    }

    .list__text__93e6a722 {
        font-size: 1rem;
    }

    .ul__93e6a722 {
        list-style-type: none;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        padding: 1rem 2rem;
    }

    .list__item__93e6a722 {
        font-size: 1rem;
    }

    .list__item__93e6a722::before {
        content: "";
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background: url("../images/icon_1.svg") no-repeat center / contain;
        margin-right: 0.5rem;
    }
}
@layer list__header__text__71196e88 {
    .list__header__text__71196e88 {
        width: 100%;
        max-width: 75rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        text-align: justify;
    }

    .list__header__71196e88 {
        font-size: 2rem;
    }

    .list__text__71196e88 {
        font-size: 1rem;
    }

    .ul__71196e88 {
        padding: 1rem 2rem;
        list-style-type: none;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .list__item__71196e88 {
        font-size: 1rem;
    }

    .list__item__71196e88::before {
        content: "";
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background: url("../images/icon_3.svg") no-repeat center / contain;
        margin-right: 0.5rem;
    }
}
@layer list__header__text__c4982f25 {
    .list__header__text__c4982f25 {
        width: 100%;
        max-width: 75rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        text-align: justify;
    }

    .list__header__c4982f25 {
        font-size: 2rem;
    }

    .list__text__c4982f25 {
        font-size: 1rem;
    }

    .ul__c4982f25 {
        padding: 1rem 2rem;
        list-style-type: none;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .list__item__c4982f25 {
        font-size: 1rem;
    }

    .list__item__c4982f25::before {
        content: "";
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background: url("../images/icon_5.svg") no-repeat center / contain;
        margin-right: 0.5rem;
    }
}
/* List Blocks */

/* Headings */
@layer heading__13c0fe96 {
    .section__13c0fe96 {
    }

    .section__wrapper__13c0fe96 {
        flex-direction: column;
    }

    .heading__13c0fe96 {
        color: var(--base-black);
        padding: 1rem;
        font-weight: 800;
    }

    .heading__13c0fe96:hover {
        text-decoration: underline;
    }

    .h1__13c0fe96 {
        font-size: 2.5rem;
    }

    .h2__13c0fe96 {
        font-size: 2rem;
    }

    .h3__13c0fe96 {
        font-size: 1.6rem;
    }

    .h4__13c0fe96 {
        font-size: 1.3rem;
    }

    .h5__13c0fe96 {
        font-size: 1.1rem;
    }

    .h6__13c0fe96 {
        font-size: 1rem;
    }
}

.section__header__a7b337a0 {
    font-size: 3rem;
    color: var(--base-black);
    text-align: center;
    font-weight: 900;
    padding: 2rem 1rem;

    hyphens: auto;
}

/* Headings */

/* Текстовые блоки */

@layer text__block__75e79e4c {
    .text__block__75e79e4c {
        width: 100%;
        font-size: 1rem;
        line-height: 2rem;
        text-align: justify;
        color: var(--base-black);
        padding: 0.5rem 0;
    }
}

/* Текстовые Блоки */

/* Float imgage and text */

@layer float__img__text__container__b1bd446b {
    .float__img__text__container__b1bd446b {
        width: 100%;
        max-width: 75rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .float__img__container__b1bd446b {
        float: left;
        width: 30rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .float__img__b1bd446b {
        float: left;
        width: 100%;
        max-width: 30rem;
        padding: 2rem;
    }

    @media (max-width: 580px) {
        .float__img__container__b1bd446b {
            width: 100%;
        }

        .float__img__b1bd446b {
            float: none;
        }
    }
}

/* Float imgage and text */