:root {    
    --site-bg: #0f212e;
    --button-color: #ffffff;
    --button-hover-color: #ffffff;
    --button-bg: #1475e1;
    --button-hover-bg: #105eb4;
    --button-radius: 10px;
    --secondary-button-color: #ffffff;
    --secondary-button-bg: #1475e1;
    --secondary-button-hover-bg: #105eb4;
    --secondary-button-hover-color: #ffffff;
    --theme-color: #1475e1;
    --theme-secondary-color: #1a2c38;

    --card-bg: #1a2c38;
    --card-text: #ffffff;
    --card-text-secondary: #ffffff;

    --contrast-color: #ffffff;
    --contrast-bg: #1475e1;
    --text-main: #ffffff;
    --text-secondary: #ffffff;
    --links-color: #f7931a;
    --line-main: #213743;
    --line-secondary: #213743;
    --gradient-color-1: #1a2c38;
    --gradient-color-2: #1a2c38;
    --gradient-color-3: #1a2c38;

    --heroscreen-button-bg: #1475e1;
    --heroscreen-button-bg-hover: #105eb4;
    --heroscreen-button-color: #FFFFFF;
    --heroscreen-button-color-hover: #ffffff;
    --heroscreen-button-radius: 8px;
    --heroscreen-block-bg: #1a2c38;
    --heroscreen-breadcrumbs-color: #b1bad3;
    --heroscreen-main-color: #ffffff;
    --heroscreen-secondary-color: #ffffff;
    --heroscreen-links-color: #f7931a;
    --heroscreen-bonus-color: #000000;

    --thead-bg: #1a2c38;
    --thead-text: #fff;
    --thead-border: #213743;
    --trow-bg: #1a2c38;
    --trow-text: #ffffff;
    --trow-border: #213743;
    --trow-secondary-bg: #1a2c38;
    --trow-secondary-text: #ffffff;

    --c-field-bg: #ffffff;
    --c-field-border: #ccc;
    --c-field-border-focus: #ffcc00;
    --c-field-text: #000;
    --c-field-placeholder: #ccc;

    --header-bg: #0f212e;
    --header-text: #ffffff;
    --header-text-hover: #ffffff;

    --h-menu-burger: #b1bad3;
    --h-menu-burger-hover: #ffffff;
    --h-menu-item-text: #ffffff;
    --h-menu-item-text-hover: #ffffff;
    --h-menu-item-bg: #1a2c38;
    --h-menu-item-bg-hover: #1a2c38;
    --h-menu-divider: #213743;
    --h-menu-s-item-text: #fcfcfc;
    --h-menu-s-item-text-hover: #ffffff;
    --h-menu-s-item-bg: #1a2c38;
    --h-menu-s-item-bg-hover: #1a2c38;
    --h-menu-back-text: #000;
    --h-menu-back-text-hover: #000;
    --h-menu-back-bg: #fff;
    --h-menu-back-bg-hover: #FFCC00;
    --h-menu-back-border: #FFCC00;
    --h-menu-back-border-hover: #FFCC00;

    --header-button-bg: #1475e1;
    --header-button-bg-hover: #105eb4;
    --header-button-color: #FFF;
    --header-button-color-hover: #ffffff;

    --header-button-secondary-bg: #1475e1;
    --header-button-secondary-bg-hover: #105eb4;
    --header-button-secondary-color: #FFF;
    --header-button-secondary-color-hover: #ffffff;
    --header-button-radius: 8px;

    --footer-bg: #0f212e;
    --footer-text-main: #ffffff;
    --footer-text-secondary: #ffffff;

    --footer-button-main-bg: #1475e1;
    --footer-button-main-bg-hover: #105eb4;
    --footer-button-main-color: #FFF;
    --footer-button-main-color-hover: #ffffff;
    --footer-button-radius: 8px;

    --footer-button-secondary-bg: #1475e1;
    --footer-button-secondary-bg-hover: #105eb4;
    --footer-button-secondary-color: #FFF;
    --footer-button-secondary-color-hover: #ffffff;
}

.v9-how-to{color:var(--text-main)}.v9-how-to__wrapper{gap:20px}.v9-how-to__steps,.v9-how-to__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.v9-how-to__steps{gap:16px}.v9-step{background:var(--card-bg);border:1px solid var(--line-secondary);border-radius:8px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.04),0 12px 20px 0 rgba(0,0,0,.06);box-shadow:0 4px 8px 0 rgba(0,0,0,.04),0 12px 20px 0 rgba(0,0,0,.06);color:var(--card-text);display:grid;gap:32px;grid-template-columns:1fr 346px;grid-template-rows:1fr;padding:24px;position:relative}.v9-step__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;padding-top:45px;width:100%}.v9-step__num{background:var(--accent-lighten-3);border-radius:6px;color:var(--accent-darken-3);font-size:14px;font-weight:600;left:24px;line-height:150%;padding:8px 16px;position:absolute;text-align:center;top:24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.v9-step__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:8px;margin-bottom:16px}.v9-step__title{font-size:20px;font-weight:600;line-height:140%}.v9-step .vAll-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.v9-step__img{border-radius:8px;height:auto;overflow:hidden;width:100%}.v9-step__img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.v9-step .text-block{color:var(--card-text-secondary)}@media (max-width:1024px){.v9-step{padding:16px}.v9-step__num{left:16px;top:16px}}@media (max-width:768px){.v9-step{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:16px}.v9-step .vAll-button{width:100%}}

html {
  scroll-behavior: smooth;
}

body {
    color: white;
}

p {
    margin-bottom: 10px;
}

/* принудительно показываем контейнер, а скрытие делаем через max-height */
#faq details.v9-faq__list-item .text-block {
    min-height: 100px;
}

header, footer {
    background-image: url('../images/noise.webp');
    background-repeat: repeat;
}

.v9-heroscreen__info-buttons__item {
    padding: 12px;
    font-size: 14px;
}

.v9-step__num {
    background: #FFEB99;
    color: #665200;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    left: 24px;
    line-height: 150%;
    padding: 8px 16px;
    text-align: center;
    width: fit-content;
}

@media (max-width: 768px) {
    .v9-heroscreen__info {
        padding: 0;
    }
}