/*
Theme Name: UniCash Theme 3.0
Theme URI: morrowi
Description: UniCash Theme
Version: 3.0
Author:
Author URI: RedZ
Text Domain: unicash
*/

/* Базовые стили для начала работы */

/* Подключение шрифтов Montserrat */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1.6;
    font-size: 14px;
    color: #ffffff;
    background-color: #060708;
}
body.menu-open {
    overflow: hidden;
}



h1 {
    color: #FFF;
    text-align: center;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 40px;
}

h2 {
    color: #FFF;
    text-align: center;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: #0073aa;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.z-10 {
    z-index: 10;
}

.container {
    width: 100%;
    max-width: 1800px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.container-md {
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

/* Bootstrap 5 адаптивные брейкпоинты */
@media (min-width: 576px) {
    .container {
        max-width: 540px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1800px;
    }
}

.header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 30px;
    padding-bottom: 50px;
    position: relative;
    z-index: 15;
}
.header__right {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    align-items: center;
}
.menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
}
.menu ul li {
    margin: 0;
    padding: 0;
}
.menu ul li a {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}
.menu ul li a:hover {
    text-decoration: underline;
}

/* Бургер меню */
.menu-burger {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 24px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
    position: relative;
    min-width: auto;
}
.menu-burger span {
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s ease;
    transform-origin: center;
}
.menu-burger.active span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
}
.menu-burger.active span:nth-child(2) {
    opacity: 0;
}
.menu-burger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(8px, -8px);
}

/* Мобильное меню */
.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #0D181C;
    z-index: 1000;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
}
.mobile-menu.active {
    transform: translateX(0);
}
.mobile-menu__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    margin-top: 80px;
}
.mobile-menu__logo {
    width: 235px;
    height: 60px;
}
.mobile-menu__logo svg {
    width: 100%;
    height: 100%;
}
.mobile-menu__close {
    width: 30px;
    height: 30px;
    min-width: auto;
    position: relative;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;

}
.mobile-menu__close span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transform-origin: center;
}
.mobile-menu__close span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
}
.mobile-menu__close span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.mobile-menu__content {
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.mobile-menu__nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-align: center;
}
.mobile-menu__nav ul li a {
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.mobile-menu__auth {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mobile-menu__auth .button-sm {
    width: 100%;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: none;
}
.mobile-menu__auth .button-sm::before,
.mobile-menu__auth .button-sm:hover::before {
    display: none;
    color: #FFF;
    text-decoration: underline;
}
.mobile-menu__auth .button-sm:hover {
    background: none;
    color: #FFF;
}

.mobile-menu__lang {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.mobile-menu__lang .langlist_title {
    display: none;
}
.mobile-menu__lang #mobile-languages {
    position: relative;
}
.mobile-menu__lang .langlist_ul {
    position: static;
    margin-top: 10px;
    box-shadow: none;
    border: none;
    background: transparent;
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 16px;
}
.mobile-menu__lang .langlist_li {
    padding: 10px 0;
    opacity: 0.5;
}

.mobile-menu__lang .langlist_li.active {
    background: none;
    opacity: 1;
}

/* Адаптивность меню под Bootstrap 5 брейкпоинты */
/* Планшеты и меньше - показываем бургер меню */
@media (max-width: 991px) {

}

/* XL (1200px - 1399px) - уменьшаем gap */
@media (min-width: 1200px) and (max-width: 1399px) {
    .header__right {
        gap: 50px;
    }
    .menu ul {
        gap: 50px;
    }
}

/* LG (992px - 1199px) - средний gap */
@media (min-width: 992px) and (max-width: 1199px) {
    .header__right {
        gap: 40px;
    }
    .menu ul {
        gap: 40px;
    }
}

/* MD (768px - 991px) - минимальный gap перед скрытием */
@media (min-width: 768px) and (max-width: 991px) {
    .header__right {
        gap: 30px;
    }
    .menu ul {
        gap: 30px;
    }
}

/* Мобильная версия (до 767px) */
@media (max-width: 767px) {
    .header {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .logo {
        width: 235px;
    }
    .logo svg {
        width: 100%;
        height: 100%;
    }
    .header__right {
        gap: 20px;
    }
}

/* Стили для выпадающего меню языков */
#languages {
    position: relative;
    cursor: pointer;
}

#languages.closed .langlist_ul {
    display: none;
}

#languages.opened .langlist_ul {
    display: block;
}

.langlist_div {
    position: relative;
}

.langlist_title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    user-select: none;
    text-transform: uppercase;
}

.langlist_title span {
    font-weight: 500;
}



.langlist_ul {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    min-width: 180px;
    background-color: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    overflow: hidden;
}

.langlist_li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    color: #fff;
    font-size: 14px;
    transition: background-color 0.2s ease;
    text-decoration: none;
}

.langlist_li:hover {
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

.langlist_li.active {
    background-color: rgba(78, 109, 211, 0.2);
    font-weight: 600;
}

.langlist_liimg {
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    display: none;
}

.langlist_liimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
button,
.button{
    position: relative;
    min-width: 136px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(21, 38, 43, 1);
    background-image: linear-gradient(180deg, rgba(21, 38, 43, 1) 0%, rgba(14, 25, 29, 1) 100%);
    border-radius: 100px;
    padding: 0 30px;
    cursor: pointer;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    outline: none;
}
button::before,
.button::before {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    display: block;
    border-radius: 100px;
    background-color: rgba(14, 25, 29, 1);
    background-image: linear-gradient(180deg, rgba(14, 25, 29, 1) 0%, rgba(21, 38, 43, 1) 100%);
}

button:hover,
.button:hover {
    background-color: #BAC9C6;
    background-image:none;
    color: #0E191D;
    text-decoration: none;
}

button:hover::before,
.button:hover::before {
    background-color: #BAC9C6;
    background-image:none;
}

.button:hover svg path{
    fill:#0E191D;
}


button span,
.button span {
    position: relative;
}
button:hover span,
.button:hover span {
    color: #0E191D;
}

.button.sm {
    height: 60px;
}
button.md,
.button.md {
    height: 75px;
}


.page-change {
    margin-bottom: 120px;
}

#authorization {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}

#authorization a {
    color: #FFFFFF;
    font-size: 16px;
    text-transform: uppercase;
}
#authorization a:hover {
    text-decoration: none;
}
/*home page*/
.home-header__wtitle {
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-size: 45px;
}

.home-header__wtext {
    max-width: 712px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-size: 18px;
}
.home-header__telegram {
    text-align: center;
}
.home-header__telegram a span{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #fff;
}
.home-header__telegram a:hover {
    text-decoration: none;
}
.home-header__telegram a:hover span svg path{
    fill:#0E191D;
}

.warp_advantages {
    background: linear-gradient(180deg, rgba(204, 219, 216, 0.00) 0%, #CCDBD8 100%);
    padding-top: 125px;
    margin-top: 30px;
    position: relative;
}
.warp_advantages::before {
    content: '';
    border-radius: 1000px;
    background: rgba(204, 219, 216, 0.50);
    filter: blur(300px);
    width: 1000px;
    height: 1000px;
    display: block;
    aspect-ratio: 1/1;
    position: absolute;
    top: -50%;
    left: calc(50% - 500px);
    z-index: 1;
}

.warp_advantages--logo {
    position: absolute;
    top: -130px;
    left: 0;
    z-index: 2;
}

.warp_advantages--content {
    padding-bottom: 25px;
    padding-top: 225px;
}

.warp_advantages_content--title {
    text-align: center;
    color: #07090A;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 50px;
}

.warp_advantages_content_warp--icons {
    display: flex;
    flex-wrap: wrap;
    gap: 67px;
    justify-content: center;
    align-items: flex-start;
}

.warp_advantages_content_warp_icons--icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    text-align: center;
    color: #07090A;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: calc(50% - 33.5px);
    flex-shrink: 0;
}

.warp_advantages_content_warp_icons--icon svg {
    width: 100%;
    height: auto;
}

/* Планшеты и десктопы - 4 иконки в ряд */
@media (min-width: 768px) {
    .warp_advantages_content_warp_icons--icon {
        max-width: 350px;
    }

}

/* Мобильные устройства - 2 иконки в ряд */
@media (max-width: 767px) {
    .warp_advantages_content_warp--icons {
        gap: 67px;
    }

    .warp_advantages_content_warp_icons--icon {
        width: calc(50% - 33.5px);
        font-size: 18px;
    }

    .warp_advantages_content_warp_icons--icon svg {
        max-width: 100%;
    }
}



/* Очень маленькие экраны */
@media (max-width: 480px) {
    .warp_advantages_content_warp_icons--icon {
        font-size: 16px;
        gap: 15px;
    }
}

.warp_itext {
    background: #CCDBD8;
    padding-top: 75px;
    padding-bottom: 100px;
    color: #15262B;
}

.warp_itext_ins {
    max-width: 1600px;
}

.warp_itext--container {
    max-height: 140px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.warp_itext--container.expanded {
    max-height: none;
}

.warp_itext--button {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}
.warp_itext .button-sm {
    color: #fff;

}

/* Footer Styles */
#footer.footer {
    background: #0D181C;
    padding: 80px 0 40px;
    color: #FFFFFF;
}

#footer.footer a {
    color: #BAC9C6;
    text-decoration: none;
    transition: opacity 0.3s;
}

#footer.footer a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.footer__content {
    display: grid;
    grid-template-columns: repeat(3, 250px);
    gap: 80px;
    margin-bottom: 40px;
    justify-content: space-between;
}

.footer__logo-section {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.footer__description {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.22;
    text-transform: uppercase;
}

.footer__column {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer__column-title {
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
}

.footer__menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__menu ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.footer__menu ul li a {
    color: #BAC9C6;
    font-weight: 500;
    text-transform: uppercase;
}

.footer__column-warp_contact {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer__link {
    color: #BAC9C6;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: opacity 0.3s;
    text-transform: uppercase;
}

.footer__contact {
    color: rgba(186, 201, 198, 0.5);
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.footer__divider {
    height: 1px;
    background: rgba(186, 201, 198, 0.3);
    margin: 40px 0;
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.footer__copyright {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.reg_div,
.log_div,
.lp_div,
.cf_div{
    max-width: 480px;
    margin: auto;
}
.reg_div_ins,
.log_div_ins,
.lp_div_ins,
.cf_div_ins{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form-group input{

}

/* Floating Label стили для полей формы */
.floating-label-wrapper {
    position: relative;
}

.floating-label-group {
    position: relative;
}

.floating-label-group input,
.floating-label-group textarea,
.floating-label-group select {
    width: 100%;
    transition: all 0.3s ease;
    border-radius: 30px;
    background: #0E191D;
    border: none;
    padding: 15px 20px;
    max-width: 480px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Базовые стили для input и select */
.floating-label-group input:not([type="checkbox"]):not([type="radio"]),
.floating-label-group select {

}

/* Для textarea */
.floating-label-group textarea {
    padding-top: 20px;
    padding-bottom: 8px;
    min-height: 60px;
}

.floating-label {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: all 0.3s ease;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 20px);
    padding-left: 0;

    color: rgba(255, 255, 255, 0.25);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

/* Состояние когда поле заполнено или в фокусе */
.floating-label-wrapper.floating-label-filled .floating-label,
.floating-label-wrapper.floating-label-focused .floating-label {
    top: -10px;
    left: 20px;
    transform: translateY(0);
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
    z-index: 10;
    background-color: #0e191d;
    padding: 0 5px;
}

/* Состояние фокуса */
.floating-label-wrapper.floating-label-focused .floating-label {
    color: rgba(255, 255, 255, 1);
}

/* Для textarea - начальная позиция label */
.floating-label-group textarea + .floating-label {
    top: 20px;
    transform: translateY(0);
}

.floating-label-group textarea:focus + .floating-label,
.floating-label-wrapper.floating-label-filled .floating-label-group textarea + .floating-label {
    top: -10px;
    font-size: 12px;
}

/* Для select - начальная позиция label */
.floating-label-group select + .floating-label {
    top: 50%;
    transform: translateY(-50%);
}

.floating-label-wrapper.floating-label-filled .floating-label-group select + .floating-label,
.floating-label-wrapper.floating-label-focused .floating-label-group select + .floating-label {
    top: -5px;
    transform: translateY(0);
    font-size: 12px;
}

.captcha_div {

}

.captcha_title {
    margin-top: 50px;
    margin-bottom: 30px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.captcha_body {
    display: flex;
    align-items: center;
    gap: 10px;
}

.captcha_divimg {
    max-width: 45px;

}

.captcha_divznak{
    font-size: 22px;
}

.captcha_value {
    border-radius: 30px;
    background: #0E191D;
    padding: 15px 20px;
    height: 45px;
    border: none;

    box-sizing: border-box;
    color: #fff;
}

.captcha_value::placeholder{
    color: rgba(255, 255, 255, 0.25);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.captcha_reload{
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23ffffff;' d='M460.8,256c0-112.927-91.873-204.803-204.797-204.803c-54.71,0-106.14,21.309-144.819,59.991 l48.269,48.271c25.789-25.789,60.078-39.995,96.55-39.995c75.282,0,136.532,61.251,136.532,136.535h-51.2l85.33,85.335L512,256 H460.8z'/%3E%3Cpath style='fill:%23ffffff;' d='M256.003,392.535c-75.29,0-136.535-61.251-136.535-136.535h51.2l-85.332-85.335L0,256h51.2 c0,112.927,91.871,204.803,204.803,204.803c54.707,0,106.138-21.307,144.814-59.991l-48.271-48.269 C326.758,378.33,292.467,392.535,256.003,392.535z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.captcha_reload:hover {
    opacity: 0.8;
}

/* Анимация вращения при клике */
@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.captcha_reload:active {
    animation: rotate360 0.6s ease-in-out;
}

.captcha_reload.rotating {
    animation: rotate360 0.6s ease-in-out;
}

/* Кастомные стили для чекбоксов */
/* Базовые стили для всех label с чекбоксами */
label {
    position: relative;
    cursor: pointer;
    user-select: none;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

/* Скрываем стандартный чекбокс и позиционируем его абсолютно */
label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
    z-index: 2;
    left: 0;
    top: 2px;
}

/* Кастомный чекбокс через ::before на label */
label:has(input[type="checkbox"])::before {
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #15262B;
    transition: all 0.3s ease;
    z-index: 1;
    flex-shrink: 0;
}

/* Состояние checked */
label:has(input[type="checkbox"]:checked)::before {
    background-color: #0E191D;
}

/* Галочка внутри чекбокса */
label:has(input[type="checkbox"]:checked)::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 0px;
    width: 19px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00011 8.71867L5.79924 16L18.0001 1' stroke='%23BAC9C6' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    z-index: 3;
    pointer-events: none;
}



/* Для структуры <label><input /> текст</label> добавляем отступ слева для текста */
label:has(input[type="checkbox"]) {
    padding-left: 32px;
}

/* Стили для ссылок внутри label чекбокса */
label:has(input[type="checkbox"]) a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
    transition: color 0.3s ease;
}

label:has(input[type="checkbox"]) a:hover {
    color: rgba(255, 255, 255, 1);
}

/* Альтернативный вариант для браузеров без поддержки :has() */
/* Используем JavaScript класс или общий селектор */
label.checkbox-label {
    padding-left: 32px;
}

label.checkbox-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
    z-index: 1;
}

label.checkbox-label input[type="checkbox"]:checked ~ *,
label.checkbox-label input[type="checkbox"]:checked {
    /* Для активации стилей через JavaScript */
}

label.checkbox-label input[type="checkbox"]:checked + *::before,
label.checkbox-label:has(input[type="checkbox"]:checked)::before {
    background-color: #0E191D;
    border-color: #0E191D;
}

label.checkbox-label input[type="checkbox"]:checked + *::after,
label.checkbox-label:has(input[type="checkbox"]:checked)::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 8px;
    transform: rotate(45deg);
    width: 5px;
    height: 10px;
    border: solid rgba(255, 255, 255, 0.9);
    border-width: 0 2px 2px 0;
    border-radius: 1px;
    z-index: 3;
    pointer-events: none;
}

/* Альтернативный вариант для старых браузеров без поддержки :has() */
.checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    position: relative;
}

.checkbox-wrapper input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-wrapper .custom-checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
    position: relative;
    flex-shrink: 0;
}

.checkbox-wrapper input[type="checkbox"]:checked + .custom-checkbox {
    background-color: #0E191D;
    border-color: #0E191D;
}

.checkbox-wrapper input[type="checkbox"]:checked + .custom-checkbox::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 5px;
    height: 10px;
    border: solid rgba(255, 255, 255, 0.9);
    border-width: 0 2px 2px 0;
    border-radius: 1px;
}

.checkbox-wrapper:hover input[type="checkbox"]:not(:checked) + .custom-checkbox {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
}

.checkbox-wrapper input[type="checkbox"]:focus + .custom-checkbox {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}
.captcha_div {
    margin-bottom: 25px;
}
.reg_line_subm_left,
.log_line_subm_left{
    margin-top: 25px;
}

.reg_line_subm_left button,
.log_line_subm_left button{
    width: 100%;
}
.reg_line_subm_right,
.log_line_subm_right{
    text-align: center;
    margin-top: 35px;
}
.log_line_subm_right {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}
.reg_line_subm_right a,
.log_line_subm_right a{
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-transform: uppercase;
}
.reg_line_subm_right a:hover,
.log_line_subm_right a:hover{
    text-decoration: none;
}

.log_line_subm_right a {
    font-size: 18px;
}

.page-logo {
    position: relative;
    overflow: hidden;
    padding-bottom: 150px;
}

.page-logo::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='1920' height='385' viewBox='0 0 1920 385' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.28' d='M0 15.4511H56.51V234.092C56.51 295.876 86.8501 325.589 148.12 325.589C209.39 325.589 239.73 295.886 239.73 234.092V15.4511H296.84V234.092C296.84 333.31 247.47 382.619 148.13 382.619C48.7901 382.619 0.0100098 333.31 0.0100098 234.092V15.4511H0ZM590.08 377.266H532.97V229.927C532.97 163.389 494.9 143.184 456.23 143.184C417.56 143.184 379.49 168.732 379.49 229.927V377.266H322.98V94.4637H379.49V152.692H385.44C394.96 112.292 435.41 89.1204 474.67 89.1204C531.78 89.1204 590.07 125.366 590.07 224.583V377.276L590.08 377.266ZM648.96 10.0976C669.18 10.0976 682.87 23.7608 682.87 43.9659C682.87 64.171 669.19 77.235 648.96 77.235C628.73 77.235 615.65 64.161 615.65 43.9659C615.65 23.7708 628.74 10.0976 648.96 10.0976ZM620.4 94.4637H677.51V377.266H620.4V94.4637ZM889.87 382.619C781.61 382.619 709.03 307.761 709.03 196.069C709.03 84.3761 781.6 10.1076 889.87 10.1076C944.6 10.1076 989.81 29.1242 1021.33 61.2047L980.29 103.383C958.87 80.8106 927.94 67.1474 889.87 67.1474C815.51 67.1474 765.54 118.834 765.54 196.069C765.54 273.303 815.51 325.589 889.87 325.589C927.94 325.589 958.87 311.926 980.29 289.354L1021.33 331.532C989.8 363.612 944.59 382.629 889.87 382.629V382.619ZM1162.78 89.1204C1247.84 89.1204 1262.72 152.692 1262.72 152.692H1268.07V94.4637H1325.18V377.266H1268.07V317.259H1262.72C1262.72 317.259 1247.85 382.609 1162.78 382.609C1084.26 382.609 1032.51 323.791 1032.51 235.27C1032.51 146.749 1084.26 89.1204 1162.78 89.1204ZM1178.84 325.579C1232.38 325.579 1268.07 289.344 1268.07 235.27C1268.07 181.197 1232.38 144.372 1178.84 144.372C1125.3 144.372 1089.02 180.618 1089.02 235.27C1089.02 289.923 1124.71 325.579 1178.84 325.579ZM1626.75 291.711C1626.75 410.535 1351.33 424.198 1351.33 283.99H1413.19C1413.19 341.03 1570.23 341.03 1570.23 292.31C1570.23 231.116 1351.92 303.596 1351.92 173.486C1351.92 60.6055 1615.44 57.0398 1615.44 177.641H1552.98C1552.98 135.453 1409.03 132.487 1409.03 174.665C1409.03 240.015 1626.75 170.51 1626.75 291.711ZM1920 377.266H1862.89V229.927C1862.89 163.389 1824.82 143.184 1786.15 143.184C1747.48 143.184 1709.41 168.732 1709.41 229.927V377.266H1652.9V0H1709.41V152.692H1715.36C1724.88 112.292 1765.33 89.1204 1804.59 89.1204C1861.7 89.1204 1919.99 125.366 1919.99 224.583V377.276L1920 377.266Z' fill='%2307090A'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    aspect-ratio: 1920 / 385;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.page-logo::after {
    content: '';
    width: 1000px;
    height: 1000px;
    aspect-ratio: 1/1;
    border-radius: 1000px;
    background: rgba(204, 219, 216, 0.50);
    filter: blur(300px);
    position: absolute;
    right: -50%;
    bottom: -50%;
    z-index: 1;
}


#faq {
    display: flex;
    justify-content: space-between;
}


#faq .questions {
    width: 350px;
}

#faq .questions .question {
    font-size: 18px;
    line-height: 26px;
    cursor: pointer;
}

#faq .questions .question + .question {
    margin-top: 30px;
}

#faq .questions .question span {
    display: block;
    padding-bottom: 7px;
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
}

#faq .questions .question.active span {
    font-weight: 700;
    color: #BAC9C6;
    border-bottom: 2px solid #BAC9C6;
}

#faq .answers {
    width: calc(100% - 350px - 90px);
}

#faq .answers .answer {
    display: none;
}

#faq .answers .answer.active {
    display: block;
}

#faq .answers .answer .title {
    color: var(--faq-question-active-color);
    font-weight: 700;
    font-size: 24px;
}

#faq .answers .answer .content {
    margin-top: 30px;
}

#exchanger {
    position: relative;
    z-index: 10;
}

.wrap_change_form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 560px));
    gap: 40px;
    justify-content: center;
}

@media (max-width: 1200px) {
    .wrap_change_form {
        grid-template-columns: repeat(2, minmax(0, 560px));
    }
}

@media (max-width: 768px) {
    .wrap_change_form {
        grid-template-columns: 1fr;
    }
}

.wrap_change_form .step {
    padding: 52px;
    background: linear-gradient(0deg, #15262B 0%, #122024 50%, #15262B 100%);
    border-radius: 30px;
}

.wrap_change_form .step .block-title {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.wrap_change_form .step .warp_amount {
    padding: 21px 22px;
    background: linear-gradient(0deg, #0E191D 0.01%, #15262B 100%);
    position: relative;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 30px;
    margin-bottom: 15px;
}
.wrap_change_form .step .warp_amount::before{
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    z-index: 1;
    background: linear-gradient(180deg, #0E191D -0.02%, #15262B 100%);
    border-radius: 30px;
}

.wrap_change_form .step .warp_amount .amount {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 3;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.wrap_change_form .step .warp_amount .amount .js_wrap_error {
    flex: auto;
}

.wrap_change_form .step .amount input {
    background: none;
    border: none;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
}

.wrap_change_form .step .amount .js_error {
    position: absolute;
    font-size: 12px;
}




.wrap_change_form .direct-select {
    padding: 9px 22px;
    background: linear-gradient(0deg, #0E191D 0.01%, #15262B 100%);
    position: relative;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 30px;
}
.wrap_change_form .direct-select::before{
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    z-index: 1;
    background: linear-gradient(180deg, #0E191D -0.02%, #15262B 100%);
    border-radius: 30px;
}

.wrap_change_form .direct-select .direct-select-ins {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 3;
}
.wrap_change_form .direct-select .direct-select-ins .img {
    display: flex;
}
.wrap_change_form .direct-select .direct-select-ins img {
    max-width: 45px;
    width: 100%;
    height: 45px;
}

.wrap_change_form .step .warp_amount.error {
    background: linear-gradient(0deg, #ff0000 0.01%, #ff0000 100%);
}

.js_amount {
    cursor: pointer;
}

.warp_amount:focus-within {
    box-shadow: 0 0 0 3px rgba(186, 201, 198, 0.24);
}

.wrap_change_form .currencies {
    margin-top: 50px;
}

.wrap_change_form .types {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.wrap_change_form .types > div {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 100px;
    background: linear-gradient(0deg, #0E191D 0.01%, #15262B 100%);
    position: relative;
    padding: 3px 6px;
    cursor: pointer;
}

.wrap_change_form .types > div::before {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    z-index: 1;
    background: linear-gradient(180deg, #0E191D -0.02%, #15262B 100%);
    border-radius: 30px;
}

.wrap_change_form .types > div span {
    position: relative;
    z-index: 3;
    display: flex;
    width: 55px;
    height: 22px;
    align-items: center;
    justify-content: center;
}

.wrap_change_form .types .active {
    background-color: #BAC9C6;
    background-image:none;
    color: #0E191D;
    text-decoration: none;
}

.wrap_change_form .types .active::before{
    background-color: #BAC9C6;
    background-image:none;
}

.custom-select {
    position: relative;
    width: 100%;
    border-radius: 37px;
    background: #0E191D;
}

.custom-select__current {
    background: linear-gradient(0deg, #0E191D 0.01%, #15262B 100%);
    border-radius: 30px;
    display: flex;
    gap: 10px;
    align-items: center;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 11px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    z-index: 15;
}
.custom-select__current::after {
    content: '';
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 3px;
    top: 3px;
    background: linear-gradient(180deg, #0E191D -0.02%, #15262B 100%);
    border-radius: 30px;
}

.custom-select__current::before {
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45' fill='none'%3E%3Cpath d='M12 17L22.5002 28L33 17' stroke='%23BAC9C6' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    right: 14px;
    z-index: 5;
}
.open .custom-select__current::before{
    transform: rotate(180deg);
}


.custom-select__current .icon{
    display: flex;
    position: relative;
    z-index: 5;
}
.custom-select__current img {
    width: 45px;
    height: 45px;
}
.custom-select__current .name{
    position: relative;
    z-index: 5;
}


.items-list {
    padding-top: 50px;
    display: none;
    position: absolute;
    top: 30px;
    z-index: 11;
    width: 100%;
    border-radius:0 0  37px  37px;
    background: #0E191D;
    max-height: 600px;
    overflow-y: auto;
}

.custom-select.open .items-list {
    display: block;
}

.items-list .item{
    padding: 10px;
    cursor: pointer;
    display: flex;
    gap: 10px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 2px solid #07090A;
    align-items: center;
    text-transform: uppercase;
}
.items-list .item.active,
.items-list .item:hover{
    background-color: #bac9c6;
    color: #0E191D;
}
.items-list .item:last-child{
    border: none;
}

.items-list .item .icon{
    display: flex;
}

.items-list .item img{
    width: 45px;
    height: 45px;
}

.items-list {
    scrollbar-width: thin;
    scrollbar-color: #BAC9C6 transparent;
}

.items-list::-webkit-scrollbar {
    width: 6px;
}

.items-list::-webkit-scrollbar-track {
    background: transparent;
}

.items-list::-webkit-scrollbar-thumb {
    background-color: #BAC9C6;
    border-radius: 10px;
}

.step-cash {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
}

.step-cash .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.step-cash .warp_select_dirs {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}


.step-cash .item img {
    width: 45px;
    height: 45px;
}

.step-cash .item .course {
    border-radius: 30px;
    background: #0E191D;
    color: #FFF;
    text-align: center;
    padding: 10px 15px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.curse-reserve {
    display: flex;
    justify-content: space-between;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    align-items: end;
    margin-bottom: 50px;
}

.curse-reserve .reserve {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.curse-reserve .reserve span {
    color: rgba(255, 255, 255, 0.50);
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.fields-input {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fields-input .error input {
    outline: 2px solid red;
}

.floating-label-wrapper .js_error {
    position: absolute;
    right: 20px;
    bottom: -10px;
    font-size: 12px;
    background: #0e191d;
    padding: 2px 7px;
}

.fields-title {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 15px;
}

#exchanger .step#result .form .info_window_ins,
#exchanger .step .form .info_window_ins{
    position: absolute;
    background-color: #BAC9C6;
    background-image: none;
    color: #0E191D;;
    font-size: 12px;
    padding: 5px 25px;
    border-radius: 30px;
    display: none;
    z-index: 10;
    bottom: 57px;
}
/* стрелка */
#exchanger .step#result .form .info_window_ins::before,
#exchanger .step .form .info_window_ins::before{
    content: "";
    position: absolute;
    bottom: -15px;
    right: 50px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #bac9c6 transparent;
    transform: rotate(180deg);
    z-index: 10;
}

#exchanger .step#result .form .xchange_curs_input:hover .info_window_ins,
#exchanger .step .form .xchange_curs_input:hover .info_window_ins{
    display: block;
}


.form-group.btn button {
    text-transform: uppercase;
    width: 100%;
    height: 75px;
    text-align: center;
}

.wapp_change-block {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.change-block {
    width: 100%;
    max-width: 920px;
    padding: 30px;
    background: linear-gradient(0deg, #0E191D 0%, #15262B 100%);
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
    color: rgba(255, 255, 255, 0.50);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.change-block .title{
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 15px;
}
.block_fields .field {
    display: flex;
    gap: 5px;
    align-items: center;
}
.block_fields .field .name {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 18.2px */
}

.block_fields .field .value {
    text-transform: uppercase;
}

.warp_currency {
    display: flex;
    gap: 15px;
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    align-items: center;
}
.warp_currency img {
    width: 45px;
    height: auto;
}

.block_checked_rule,
.block_submitbutton,
.ajax_post_bids_res,
.block_paybutton{
    width: 100%;
    max-width: 516px;
    margin-left: auto;
    margin-right: auto;
}

.block_submitbutton button{
    padding: 25px 15px;
    width: 100%;
}

.wapp_change-block h1 {
    margin-bottom: 0;
}

.block_instruction_ins img {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.js_qr_code_wrap {
    text-align: center;
}

.cancel_paybutton{
    background: none;
    text-decoration: underline;
}
.cancel_paybutton:hover {
    background: none;
    text-decoration:  none;
    color: #fff;
}

.cancel_paybutton:hover span {
    color: #fff;
}
.cancel_paybutton::before,
.cancel_paybutton:hover::before{
    display: none;
}

.block_paybutton_ins {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

/* Стили для блока обновления страницы */
.block_refresh {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    max-width:920px;
}

/* Блок с таймером проверки платежа */
.block_check_payment {
    position: relative;
    width: 120px;
    height: 120px;
}

.block_check_payment_ins {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block_check_payment_abs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(0deg, #0E191D 0.01%, #15262B 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 600;
    color: #BAC9C6;
    z-index: 2;
    box-shadow: 0 0 0 3px rgba(186, 201, 198, 0.1);
}

.block_check_payment_ins::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(from 0deg, #BAC9C6 0%, rgba(186, 201, 198, 0.1) 100%);
    animation: rotate 1s linear infinite;
    z-index: 1;
}

.block_check_payment_ins::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 50%;
    background: linear-gradient(180deg, #0E191D -0.02%, #15262B 100%);
    z-index: 1;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Блок с предупреждением */
.block_warning_merch {
    width: 100%;
}

.block_warning_merch_ins {
    padding: 15px 20px;
    background: linear-gradient(0deg, rgba(186, 201, 198, 0.1) 0%, rgba(186, 201, 198, 0.05) 100%);
    border-radius: 20px;
    border: 1px solid rgba(186, 201, 198, 0.2);
    text-align: center;
}

.block_warning_merch_ins p {
    margin: 0;
    color: #BAC9C6;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
}

/* Блок с кнопкой отключения обновления */
.block_paybutton_merch {
    width: 100%;
}

.block_paybutton_merch_ins {
    text-align: center;
}

.block_paybutton_merch .refresh_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
    background: linear-gradient(0deg, #0E191D 0.01%, #15262B 100%);
    border-radius: 100px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    border: none;
    cursor: pointer;
    min-width: 200px;
}

.block_paybutton_merch .refresh_button::before {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border-radius: 100px;
    background: linear-gradient(180deg, #0E191D -0.02%, #15262B 100%);
    z-index: 1;
}

.block_paybutton_merch .refresh_button span {
    position: relative;
    z-index: 2;
}

.block_paybutton_merch .refresh_button:hover {
    background: #BAC9C6;
    color: #0E191D;
    text-decoration: none;
}

.block_paybutton_merch .refresh_button:hover::before {
    background: #BAC9C6;
}



/* Адаптивность */
@media (max-width: 767px) {
    .block_refresh {
        padding: 20px 15px;
        gap: 20px;
    }

    .block_check_payment {
        width: 100px;
        height: 100px;
    }

    .block_check_payment_abs {
        width: 80px;
        height: 80px;
        font-size: 28px;
    }

    .block_warning_merch_ins {
        padding: 12px 15px;
    }

    .block_warning_merch_ins p {
        font-size: 12px;
    }

    .block_paybutton_merch .refresh_button {
        font-size: 14px;
        padding: 12px 25px;
        min-width: 180px;
    }
}

.block_paybutton .button.success_paybutton{
    padding: 15px 10px;
    width: 100%;
}

/* Стили для overlay загрузки AJAX запросов */
.exch_ajax_wrap {
    position: relative;
}

.exch_ajax_wrap_abs {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 9999;
    cursor: wait;
}

.exch_ajax_wrap_abs::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}


#description_text {
    margin-bottom: 20px;
}

/* Стили для всплывающего окна */
.userwalletsform_box {
    position: relative;
}

.standart_shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    backdrop-filter: blur(4px);
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.standart_window {
    position: fixed;
    top: 50%;
    left: 50%;
    background: white;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    min-width: 500px;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: slideIn 0.3s ease;
    font-family: 'Montserrat', sans-serif;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translate(-50%, -45%);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.standart_window.ui-draggable {
    cursor: move;
}

.standart_windowins {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.standart_window_ins {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.standart_window_title {
    padding: 20px 25px;
    background: linear-gradient(0deg, #0E191D 0%, #15262B 100%);
    color: white;
    border-radius: 16px 16px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex-shrink: 0;
    cursor: move;
}

.standart_window_title.ui-draggable-handle {
    cursor: move;
}

.standart_window_title_ins {
    font-size: 20px;
    font-weight: 600;
    flex: 1;
    margin: 0;
}

.standart_window_close {
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
    margin-left: 15px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.standart_window_close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

.standart_window_close::before,
.standart_window_close::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    background: white;
    border-radius: 1px;
}

.standart_window_close::before {
    transform: rotate(45deg);
}

.standart_window_close::after {
    transform: rotate(-45deg);
}

.standart_window_content {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

.standart_window_content_ins {
    padding: 30px 25px;
}

/* Стили для формы внутри окна */
.standart_window_content .form-group.rb_line {
    margin-bottom: 25px;
}

.standart_window_content .form_field_label.rb_label {
    margin-bottom: 8px;
}

.standart_window_content .form_field_label.rb_label label {
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    display: block;
}

.standart_window_content .form_field_label.rb_label .req {
    color: #e53e3e;
    margin-left: 3px;
}

.standart_window_content .form-group.rb_line_ins input[type="text"],
.standart_window_content .form-group.rb_line_ins input[type="password"],
.standart_window_content .form-group.rb_line_ins input[type="email"],
.standart_window_content .form-group.rb_line_ins select,
.standart_window_content .form-group.rb_line_ins textarea {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.3s ease;
    background: white;
    color: #2d3748;
    box-sizing: border-box;
}

.standart_window_content .form-group.rb_line_ins input[type="text"]:focus,
.standart_window_content .form-group.rb_line_ins input[type="password"]:focus,
.standart_window_content .form-group.rb_line_ins input[type="email"]:focus,
.standart_window_content .form-group.rb_line_ins select:focus,
.standart_window_content .form-group.rb_line_ins textarea:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.standart_window_content .form-group.rb_line_ins select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a5568' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
}

.standart_window_content .form_field_errors {
    margin-top: 8px;
}

.standart_window_content .form_field_errors_ins {
    color: #e53e3e;
    font-size: 13px;
    font-weight: 500;
}

.standart_window_content .rb_line button[type="submit"] {
    color: white;
    border: none;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    margin-top: 10px;
}

.standart_window_content .rb_line button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.standart_window_content .rb_line button[type="submit"]:active {
    transform: translateY(0);
}

.standart_window_content .rb_line button[type="submit"] span {
    display: inline-block;
}

.standart_window_content .resultgo {
    margin-top: 20px;
    padding: 15px;
    border-radius: 8px;
    font-size: 14px;
    display: none;
}

.standart_window_content .resultgo.success {
    background: #c6f6d5;
    color: #22543d;
    border: 1px solid #9ae6b4;
    display: block;
}

.standart_window_content .resultgo.error {
    background: #fed7d7;
    color: #742a2a;
    border: 1px solid #fc8181;
    display: block;
}

.standart_window_clear {
    clear: both;
}

/* Кастомный скроллбар для окна */
.standart_window_content::-webkit-scrollbar {
    width: 8px;
}

.standart_window_content::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.standart_window_content::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 4px;
}

.standart_window_content::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

/* Адаптивность */
@media (max-width: 768px) {
    .standart_window {
        min-width: auto;
        width: 95vw;
        max-height: 85vh;
        border-radius: 12px;
    }

    .standart_window_title {
        padding: 18px 20px;
        border-radius: 12px 12px 0 0;
    }

    .standart_window_title_ins {
        font-size: 18px;
    }

    .standart_window_close {
        width: 28px;
        height: 28px;
    }

    .standart_window_content_ins {
        padding: 25px 20px;
    }

    .standart_window_content .form-group.rb_line_ins input[type="text"],
    .standart_window_content .form-group.rb_line_ins input[type="password"],
    .standart_window_content .form-group.rb_line_ins input[type="email"],
    .standart_window_content .form-group.rb_line_ins select {
        font-size: 16px; /* Предотвращает zoom на iOS */
    }
}

@media (max-width: 480px) {
    .standart_window {
        width: 100vw;
        max-height: 100vh;
        border-radius: 0;
        top: 0;
        left: 0;
        transform: none;
        animation: slideUp 0.3s ease;
    }

    @keyframes slideUp {
        from {
            opacity: 0;
            transform: translateY(100%);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .standart_window_title {
        border-radius: 0;
    }

    .standart_window_content_ins {
        padding: 20px 15px;
    }
}

/* Стили для таблицы заявок пользователя */
.userxch_tablediv.statstablediv {
    margin-bottom: 30px;
}

.statstablediv_ins {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 25px;
    border: 1px solid #e2e8f0;
}

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

.statstablediv_ins table tr {
    border-bottom: 1px solid #f1f5f9;
}

.statstablediv_ins table tr:last-child {
    border-bottom: none;
}

.statstablediv_ins table th {
    text-align: left;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    width: 50%;
}

.statstablediv_ins table td {
    padding: 12px 15px;
    font-size: 15px;
    color: #2d3748;
    font-weight: 500;
}

.userxchtable.pntable_wrap {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    overflow: hidden;
    margin-bottom: 30px;
}

.pntable_wrap_ins {
    padding: 0;
}

.pntable_wrap_title {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px 25px;
    color: white;
}

.pntable_wrap_title_ins {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

.pntable {
    overflow-x: auto;
}

.pntable_ins {
    min-width: 100%;
}

.pntable table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Montserrat', sans-serif;
}

.pntable table thead {
    background: #f7fafc;
}

.pntable table thead tr {
    border-bottom: 2px solid #e2e8f0;
}

.pntable table thead th {
    padding: 15px 20px;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
    color: #4a5568;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.pntable table thead th.th_id {
    width: 80px;
}

.pntable table thead th.th_date {
    width: 150px;
}

.pntable table thead th.th_give {
    min-width: 200px;
}

.pntable table thead th.th_get {
    min-width: 200px;
}

.pntable table thead th.th_status {
    min-width: 250px;
}

.pntable table tbody tr {
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.2s ease;
}

.pntable table tbody tr:hover {
    background: #f7fafc;
}

.pntable table tbody tr:last-child {
    border-bottom: none;
}

.pntable table tbody td {
    padding: 16px 20px;
    font-size: 14px;
    color: #2d3748;
    vertical-align: middle;
}

.pntable table tbody td:first-child {
    font-weight: 600;
    color: #667eea;
}

.exch_sum {
    font-weight: 600;
    color: #2d3748;
    display: inline-block;
    margin-right: 5px;
}

.exch_status_link {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.exch_status_link:hover {
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.exch_status_link.st_new {
    background: #bee3f8;
    color: #2c5282;
}

.exch_status_link.st_new:hover {
    background: #90cdf4;
    color: #2a4365;
}

.exch_status_link.st_payed {
    background: #c6f6d5;
    color: #22543d;
}

.exch_status_link.st_payed:hover {
    background: #9ae6b4;
    color: #1a365d;
}

.exch_status_link.st_delete {
    background: #fed7d7;
    color: #742a2a;
}

.exch_status_link.st_delete:hover {
    background: #fc8181;
    color: #63171b;
}

.exch_status_link.st_cancel {
    background: #feebc8;
    color: #7c2d12;
}

.exch_status_link.st_cancel:hover {
    background: #fbd38d;
    color: #652b19;
}

/* Пагинация */
.pagenavi {
    padding: 20px 25px;
    border-top: 1px solid #e2e8f0;
    background: #f7fafc;
}

.pagenavi_ins {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pagenavi_ins a,
.pagenavi_ins span {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    color: #4a5568;
    border: 1px solid #e2e8f0;
    background: white;
    min-width: 40px;
    text-align: center;
}

.pagenavi_ins a:hover {
    background: #667eea;
    color: white;
    border-color: #667eea;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.pagenavi_ins span.current {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-color: #667eea;
    font-weight: 600;
}

.pagenavi_ins .next_navi,
.pagenavi_ins .last_navi {
    font-weight: 600;
}

.pagenavi_ins .clear {
    display: none;
}

/* Адаптивность для таблицы */
@media (max-width: 1024px) {
    .pntable table thead th.th_date {
        width: 120px;
    }

    .pntable table tbody td {
        padding: 14px 15px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .statstablediv_ins {
        padding: 20px;
    }

    .statstablediv_ins table th,
    .statstablediv_ins table td {
        padding: 10px;
        font-size: 14px;
    }

    .pntable_wrap_title {
        padding: 18px 20px;
    }

    .pntable_wrap_title_ins {
        font-size: 18px;
    }

    .pntable {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .pntable table {
        min-width: 800px;
    }

    .pntable table thead th {
        padding: 12px 15px;
        font-size: 12px;
    }

    .pntable table tbody td {
        padding: 12px 15px;
        font-size: 13px;
    }

    .exch_status_link {
        font-size: 12px;
        padding: 5px 10px;
    }

    .pagenavi {
        padding: 15px 20px;
    }

    .pagenavi_ins a,
    .pagenavi_ins span {
        padding: 6px 10px;
        font-size: 13px;
        min-width: 36px;
    }
}

@media (max-width: 480px) {
    .statstablediv_ins {
        padding: 15px;
    }

    .statstablediv_ins table {
        display: block;
    }

    .statstablediv_ins table tr {
        display: block;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e2e8f0;
    }

    .statstablediv_ins table tr:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .statstablediv_ins table th,
    .statstablediv_ins table td {
        display: block;
        width: 100%;
        padding: 5px 0;
        text-align: left;
    }

    .statstablediv_ins table th {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .statstablediv_ins table td {
        font-size: 15px;
        font-weight: 600;
    }

    .pntable_wrap_title {
        padding: 15px;
    }

    .pntable_wrap_title_ins {
        font-size: 16px;
    }

    .pagenavi_ins {
        gap: 5px;
    }

    .pagenavi_ins a,
    .pagenavi_ins span {
        padding: 6px 8px;
        font-size: 12px;
        min-width: 32px;
    }
}

/* Стили для партнерского аккаунта */
.stattablediv.statstablediv {
    margin-bottom: 30px;
}

.stattablediv_ins.statstablediv_ins {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 25px;
    border: 1px solid #e2e8f0;
}

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

.stattablediv_ins table tr {
    border-bottom: 1px solid #f1f5f9;
}

.stattablediv_ins table tr:last-child {
    border-bottom: none;
}

.stattablediv_ins table th {
    text-align: left;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    width: 40%;
    font-family: 'Montserrat', sans-serif;
}

.stattablediv_ins table td {
    padding: 12px 15px;
    font-size: 15px;
    color: #2d3748;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

.statuserdiv {
    margin-bottom: 30px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.statuserdiv_ins {
    padding: 0;
}

.statuserdiv_title {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px 25px;
    color: white;
}

.statuserdiv_title_ins {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

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

.statuserdiv_ins table tr {
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.2s ease;
}

.statuserdiv_ins table tr:hover {
    background: #f7fafc;
}

.statuserdiv_ins table tr:last-child {
    border-bottom: none;
}

.statuserdiv_ins table th {
    text-align: left;
    padding: 15px 25px;
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    width: 50%;
    font-family: 'Montserrat', sans-serif;
}

.statuserdiv_ins table td {
    padding: 15px 25px;
    font-size: 15px;
    color: #2d3748;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

.statuserdiv_ins table tr:last-child th,
.statuserdiv_ins table tr:last-child td {
    background: linear-gradient(90deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.02) 100%);
    font-weight: 600;
    color: #667eea;
}

.promouserdiv {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    margin-bottom: 30px;
}

.promouserdiv_ins {
    padding: 30px 25px;
    font-family: 'Montserrat', sans-serif;
}

.promouserdiv_ins h3 {
    font-size: 24px;
    font-weight: 700;
    color: #2d3748;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #e2e8f0;
}

.promouserdiv_ins h4 {
    font-size: 18px;
    font-weight: 600;
    color: #4a5568;
    margin: 25px 0 10px 0;
}

.promouserdiv_ins h4:first-of-type {
    margin-top: 0;
}

.promouserdiv_ins p {
    font-size: 15px;
    line-height: 1.6;
    color: #718096;
    margin: 0 0 20px 0;
}

.promouserdiv_ins p:last-child {
    margin-bottom: 0;
}

.promouserdiv_ins .ptextareaus {
    width: 100%;
    min-height: 80px;
    padding: 12px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Courier New', monospace;
    background: #f7fafc;
    color: #2d3748;
    resize: vertical;
    transition: all 0.3s ease;
    box-sizing: border-box;
    cursor: text;
}

.promouserdiv_ins .ptextareaus:focus {
    outline: none;
    border-color: #667eea;
    background: white;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.promouserdiv_ins .ptextareaus:hover {
    border-color: #cbd5e0;
}

/* Адаптивность для партнерского аккаунта */
@media (max-width: 768px) {
    .stattablediv_ins.statstablediv_ins {
        padding: 20px;
    }

    .stattablediv_ins table th,
    .stattablediv_ins table td {
        padding: 10px;
        font-size: 14px;
    }

    .statuserdiv_title {
        padding: 18px 20px;
    }

    .statuserdiv_title_ins {
        font-size: 18px;
    }

    .statuserdiv_ins table th,
    .statuserdiv_ins table td {
        padding: 12px 20px;
        font-size: 14px;
    }

    .promouserdiv_ins {
        padding: 25px 20px;
    }

    .promouserdiv_ins h3 {
        font-size: 20px;
    }

    .promouserdiv_ins h4 {
        font-size: 16px;
    }

    .promouserdiv_ins p {
        font-size: 14px;
    }

    .promouserdiv_ins .ptextareaus {
        font-size: 13px;
        padding: 10px 14px;
    }
}

@media (max-width: 480px) {
    .stattablediv_ins.statstablediv_ins {
        padding: 15px;
    }

    .stattablediv_ins table {
        display: block;
    }

    .stattablediv_ins table tr {
        display: block;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e2e8f0;
    }

    .stattablediv_ins table tr:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .stattablediv_ins table th,
    .stattablediv_ins table td {
        display: block;
        width: 100%;
        padding: 5px 0;
        text-align: left;
    }

    .stattablediv_ins table th {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .stattablediv_ins table td {
        font-size: 15px;
        font-weight: 600;
    }

    .statuserdiv_title {
        padding: 15px;
    }

    .statuserdiv_title_ins {
        font-size: 16px;
    }

    .statuserdiv_ins table {
        display: block;
    }

    .statuserdiv_ins table tr {
        display: block;
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #f1f5f9;
    }

    .statuserdiv_ins table tr:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .statuserdiv_ins table th,
    .statuserdiv_ins table td {
        display: block;
        width: 100%;
        padding: 8px 0;
    }

    .statuserdiv_ins table th {
        font-size: 12px;
        margin-bottom: 5px;
        padding-left: 0;
        padding-right: 0;
    }

    .statuserdiv_ins table td {
        font-size: 15px;
        padding-left: 0;
        padding-right: 0;
    }

    .statuserdiv_ins table tr:last-child th,
    .statuserdiv_ins table tr:last-child td {
        background: transparent;
        padding-top: 15px;
        margin-top: 10px;
        border-top: 2px solid #e2e8f0;
    }

    .promouserdiv_ins {
        padding: 20px 15px;
    }

    .promouserdiv_ins h3 {
        font-size: 18px;
    }

    .promouserdiv_ins h4 {
        font-size: 15px;
    }

    .promouserdiv_ins p {
        font-size: 13px;
    }

    .promouserdiv_ins .ptextareaus {
        font-size: 12px;
        padding: 10px 12px;
        min-height: 60px;
    }
}

.paydiv button {
    margin-bottom: 30px;
    margin-top: 30px;
}

/* Стили для кнопки копирования */
.js_copy.pn_copy {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    transition: all 0.3s ease;
    user-select: none;
    font-family: 'Montserrat', sans-serif;
}

.js_copy.pn_copy::after {
    content: '📋';
    font-size: 14px;
    opacity: 0.6;
    transition: all 0.3s ease;
    display: inline-block;
}

.js_copy.pn_copy:hover {
    background: rgba(102, 126, 234, 0.1);
    color: #667eea;
}

.js_copy.pn_copy:hover::after {
    opacity: 1;
    transform: scale(1.1);
}

.js_copy.pn_copy.copied {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    font-weight: 600;
}

.js_copy.pn_copy.copied::after {
    content: '✓';
    opacity: 1;
    color: #22c55e;
    font-size: 16px;
    font-weight: bold;
    animation: checkmark 0.3s ease;
}

@keyframes checkmark {
    0% {
        transform: scale(0) rotate(0deg);
    }
    50% {
        transform: scale(1.2) rotate(180deg);
    }
    100% {
        transform: scale(1) rotate(360deg);
    }
}

/* Альтернативный вариант с иконкой через CSS (если нужен другой стиль) */
.js_copy.pn_copy.alt-icon::after {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6;
    display: inline-block;
    margin-left: 4px;
}

.js_copy.pn_copy.alt-icon.copied::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    opacity: 1;
    animation: checkmark 0.3s ease;
}

/* Стили для подсветки неотмеченного чекбокса правил */
label.check_rule_error {
    animation: shake 0.5s ease;
    display: inline-block;
}

label.check_rule_error input[type="checkbox"] {
    outline: 2px solid #e53e3e !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(229, 62, 62, 0.2) !important;
}

label.check_rule_error {
    color: #e53e3e;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 6px;
    background: rgba(229, 62, 62, 0.05);
    border: 1px solid rgba(229, 62, 62, 0.3);
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-5px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(5px);
    }
}

.text-payout {
    margin-bottom: 20px;
}


/* Стили для блока партнеров в футере */
.footer__partners {
    margin-bottom: 40px;
}

.footer__partners .icons {
    width: 100%;
}

.footer__partners .icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.footer__partners .icons li {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.footer__partners .icons li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__partners .icons li a:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.footer__partners .icons li img {
    max-width: 120px;
    max-height: 50px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(100%) opacity(0.7);
    transition: all 0.3s ease;
}

.footer__partners .icons li a:hover img {
    filter: grayscale(0%) opacity(1);
    transform: scale(1.05);
}

.footer__partners .icons li:not(:has(a)) img {
    padding: 10px;
}

/* Адаптивность для блока партнеров */
@media (max-width: 1024px) {
    .footer__partners {
        padding: 30px 0;
    }

    .footer__partners .icons ul {
        gap: 25px;
    }

    .footer__partners .icons li img {
        max-width: 100px;
        max-height: 45px;
    }
}

@media (max-width: 768px) {
    .footer__partners {
        padding: 25px 0;
        margin-top: 30px;
    }

    .footer__partners .icons ul {
        gap: 20px;
    }

    .footer__partners .icons li a {
        padding: 8px;
    }

    .footer__partners .icons li img {
        max-width: 90px;
        max-height: 40px;
    }
}

@media (max-width: 480px) {
    .footer__partners {
        padding: 20px 0;
        margin-top: 25px;
    }

    .footer__partners .icons ul {
        gap: 15px;
        justify-content: center;
    }

    .footer__partners .icons li {
        flex: 0 0 calc(50% - 7.5px);
        max-width: calc(50% - 7.5px);
    }

    .footer__partners .icons li a {
        padding: 10px;
        width: 100%;
    }

    .footer__partners .icons li img {
        max-width: 100%;
        max-height: 35px;
        width: auto;
    }

}