/* Binance-style Landing Page CSS */
/* DESIGN_4 - Binance-like design */

:root {
    --bn-bg: #181a20;
    --bn-bg-secondary: #1e2329;
    --bn-bg-card: #2b3139;
    --bn-bg-hover: #2b3139;
    --bn-text-primary: #eaecef;
    --bn-text-secondary: #848e9c;
    --bn-text-third: #5e6673;
    --bn-yellow: #fcd535;
    --bn-yellow-hover: #f0b90b;
    --bn-green: #0ecb81;
    --bn-red: #f6465d;
    --bn-border: #2b3139;
    --bn-radius: 8px;
    --bn-radius-lg: 16px;
    --bn-transition: 0.2s ease;
    --bn-max-width: 1200px;
    --bn-font: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ===== MASSIVE GLOBAL OVERRIDES for root.css dark theme ===== */
body {
    background: #181a20 !important;
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.app {
    background: #181a20 !important;
}

.theme--light.v-application {
    background: #181a20 !important;
    color: #eaecef !important;
}

/* Global: override ALL theme--light Vuetify dark text */
.theme--light.v-application,
.theme--light.v-application .v-input,
.theme--light.v-application .v-input__slot,
.theme--light.v-application .v-select__slot,
.theme--light.v-application .v-label,
.theme--light.v-application .v-text-field__slot input,
.theme--light.v-application .v-text-field__slot textarea,
.theme--light.v-application .v-select__selection,
.theme--light.v-application .v-select__selection--comma,
.theme--light.v-application .v-list-item__title,
.theme--light.v-application .v-list-item__subtitle,
.theme--light.v-application .v-card__title,
.theme--light.v-application .v-card__text,
.theme--light.v-application .v-toolbar__title,
.theme--light.v-application .v-tab,
.theme--light.v-application .v-expansion-panel-header,
.theme--light.v-application .v-expansion-panel-content__wrap {
    color: #eaecef !important;
}

.theme--light.v-label {
    color: #848e9c !important;
}

.theme--light.v-input .v-label,
.theme--light .v-label {
    color: #848e9c !important;
}

.theme--light.v-text-field > .v-input__control > .v-input__slot:before {
    border-color: #2b3139 !important;
}

.theme--light.v-text-field > .v-input__control > .v-input__slot:after {
    border-color: #fcd535 !important;
}

/* v-sheet, v-card backgrounds */
.theme--light.v-sheet,
.theme--light.v-card {
    background-color: #1e2329 !important;
    color: #eaecef !important;
}

/* v-list (dropdowns, menus) */
.theme--light.v-list,
.v-menu__content.theme--light {
    background-color: #1e2329 !important;
    color: #eaecef !important;
}

.theme--light.v-list .v-list-item:hover {
    background-color: #2b3139 !important;
}

/* v-btn default text color fix */
.theme--light.v-btn:not(.v-btn--outlined):not(.form-button):not(.main-header__nav-button-primary):not(.main-menu__menu-controls_top-up):not(.primary-button):not(.primary-big-button):not(.primary-huge-button) {
    color: #eaecef !important;
}

/* v-icon color */
.theme--light.v-icon,
.theme--light .v-icon {
    color: #848e9c !important;
}

/* --- GLOBAL: Replace ALL light backgrounds from root.css --- */
.profile, .profile .profile_section,
.profile .profile_section .profile_section__tabs .v-item-group,
.profile .profile_section .profile_section__tabs .profile_section__tabs__tab.v-tab--active,
.profile__mobile .profile-coins-table,
.profile__mobile .profile-coins-table .profile__mobile__panel .profile__mobile__panel__content,
.profile-coins-table thead th,
.chart-wrapper, .chart-section .chart,
.chart-right-section .chart-right-tabs .chart-right-tabs__content,
.exchange-section .calculate-section .calculate-section__inputs__button,
.search-section .search-section__input-section .search-section__input .v-input__control .v-input__append-inner .v-input__icon--clear,
.input_menu_button,
.input_menu_button:hover,
.input-autocomplete-menu::-webkit-scrollbar-thumb,
.input-autocomplete-menu .v-list .v-list-item.v-list-item--active,
.calculate-section__inputs__menu .general-list .general-list__item.active,
.calculate-section__inputs__menu .general-list .general-list__item:hover,
.calculate-section__inputs__menu,
.profile-table .profile-table__header .profile-table__header__btn.active,
.profile-coins-table tbody tr:hover,
.tab-menu .v-list,
.tab-menu .tab-menu-item:hover,
.form-section .login-texts-section,
.load-app-screen.full-screen,
.input_menu_button .calculate-section__inputs__button__icon,
.input_menu_button .input_menu_button__name-section .input_menu_button__icon,
.profile .profile_section .user_balance .user_balance__section,
.dialog-refill .dialog-refill__sections .dialog-refill__sections__section .dialog-refill__sections__section__qr-code,
.profile-table .profile-table__header .profile-table__header__btn__notice,
.settings .settings__tabs .v-item-group .v-slide-group__wrapper .v-slide-group__content .settings__tabs__tab .settings__tabs__tab__btn {
    background-color: #1e2329 !important;
}

/* Light gray backgrounds -> dark card bg */
.chart-form__tabs,
.profile-table .profile-table__header .profile-table__header__search {
    background: #2b3139 !important;
}

/* --- GLOBAL: Replace ALL dark text colors (#101014, #121116) with light --- */
.markets-table .markets-table__main-table .table-name .table-name__names .table-name__names__short,
.profile-coins-table .table-name .table-name__names .table-name__names__short,
.profile-coins-table .table-name-coin-only,
.profile .profile_section .user_balance .user_balance__section .user_balance__section__balance,
.chart-form__tabs .chart-form__tabs__tab,
.chart-info .chart-info__section .chart-info__section__value,
.chart-right-section .chart-right-tabs .chart-right-tabs__tab,
.chart-right-section .chart-right-tabs .chart-right-tabs__tab .chart-right-tabs__tab__btn,
.chart-right-tabs__items .item-coins .item-coins__text,
.dialog-confirm .dialog-confirm__title,
.dialog-transfer .dialog-transfer__header .dialog-transfer__header__title,
.discard-modal .discard-modal__title,
.authentication_component .authentication_component__title,
.exchange .main-exchange .main-exchange__section__info .main-exchange__section__info__block .main-exchange__section__info__block__value,
.questions .v-item-group .v-expansion-panel .v-expansion-panel-header,
.slider-advantages .slider-advantages__slide .slider-advantages__slide__title,
.slider-steps__slide .slider-steps__slide__title,
.token-listing .token-listing__header__content .token-listing__header__content__block .token-listing__header__content__block__title,
.trading-competition .trading-competition__section .trading-competition__section__title,
.two-factor__modal-title,
.ticket_form .dialog-ticket__title,
.small-bold,
.main-menu .main-menu__section .main-menu__section__menu .main-menu__section__menu__nav .main-menu__section__menu__nav__title,
.verification-confirmation-items .verification-confirmation-items__item .verification-confirmation-items__item__steps .verification-confirmation-items__item__steps__step .confirmation-step-content .confirmation-step-content__title,
.successful-title,
.settings-change-password .change-password-form .password-errors-section .password-errors-section__error .password-errors-section__error__text,
.about-us .about-us__security .about-us__security__text,
.about-us .about-us__content .about-us__content__announcement .about-us__content__announcement__text,
.ern-section .questions-earn .v-item-group .v-expansion-panel .v-expansion-panel-header,
.api__tabs .api__tabs__tab,
.brand-guideline .brand-guideline__container .brand-guideline__container__items .brand-guideline__container__items__item .brand-guideline__container__items__item__title,
.brand-guideline .brand-guideline__container .brand-guideline__warning .brand-guideline__warning__items .brand-guideline__warning__items__item .brand-guideline__warning__items__item__content .brand-guideline__warning__items__item__content__title,
.brand-guideline .brand-guideline__header .brand-guideline__header__title,
.bug-bounty .second-content .second-content__reward .second-content__reward__list-title,
.bug-bounty .second-content .second-content__reward .second-content__reward__list .second-content__reward__list__item .second-content__reward__list__item__name,
.ticket-wrapper .ticket-wrapper__message__text,
.ticket-wrapper .ticket-wrapper__parameter__value,
.ticket_form .ticket_form__input__text {
    color: #eaecef !important;
}

/* --- Buttons with dark text on yellow bg -- keep dark text --- */
.profile .profile_section .user_balance .user_balance__btn-up,
.profile .profile_section .user_balance .user_balance__btn-circuit,
.profile .profile_section .user_balance .user_balance__btn-link:hover,
.profile .profile_section .user_balance__btn-circuit,
.exchange .exchange__content .exchange__content__btn,
.exchange .main-exchange .main-exchange__form-button,
.settings-change-password .change-password-form .change-password-form__btn,
.api__tabs .api__tabs__item .api__tabs__item__btn,
.support-wrapper .support-wrapper__container .profile-coins-table .support-table__btn,
.support-wrapper .support-wrapper__header .support-wrapper__header__btn,
.ticket_form .ticket_form__btn,
.ticket-wrapper .ticket-wrapper__footer .ticket-wrapper__footer__btn,
.token-listing .token-listing__start-work .token-listing__start-work__section-form .token-listing__start-work__form .token-listing__start-work__form__btn,
.about-us .about-us__content .about-us__content__with-us .about-us__content__with-us__btn,
.profile__mobile .profile-coins-table .profile__mobile__panel .profile__mobile__panel__content .mobile__table-button-section .mobile__table-button-section__btn,
.standard-btn,
.chart-button-mobile .chart-button-mobile__btn,
.chart-button-mobile .chart-button-mobile__btn-red {
    color: #181a20 !important;
    background-color: #fcd535 !important;
}

/* --- Secondary text (labels, subtitles) --- */
.font-label,
.markets-table .markets-table__main-table .table-name .table-name__names .table-name__names__short span,
.markets-table .markets-table__section-switch .tab-section-switch__text,
.profile-coins-table .table-name .table-name__names .table-name__names__full,
.profile-coins-table .table-name .table-name__names .table-name__names__subnames,
.settings .settings__tabs .settings__tabs__item .settings__tabs__item__section .settings__tabs__item__section__subtitle,
.settings .settings__tabs .settings__tabs__item .settings__tabs__item__section__status .settings__tabs__item__section__status__title,
.settings .settings__tabs .settings__tabs__item .settings__tabs__item__section__status .settings__tabs__item__section__status__value,
.verification .verification__container .verification__container__subtitle,
.exchange .main-exchange .main-exchange__section .main-exchange__section__block .main-exchange__section__input-from .balance-input-section__balance .balance-input-section__balance__title,
.exchange .main-exchange .main-exchange__section__info .main-exchange__section__info__block .main-exchange__section__info__block__title,
.dialog-refill .dialog-refill__sections .dialog-refill__sections__section .balance-input-section .balance-input-section__balance .balance-input-section__balance__title,
.dialog-refill .dialog-refill__sections .dialog-refill__sections__section .dialog-refill__calc-section .dialog-refill__calc-section__title,
.dialog-refill .dialog-refill__sections .dialog-refill__sections__section .authentication__withdrawal__info .authentication__withdrawal__info__title,
.ern-section .ern-section__content .ern-section__content__subtitle,
.card-header .card-header__subtitle,
.card-header .card-header__text,
.institutional-services .institutional-services__header .institutional-services__header__container .institutional-services__header__container__subtitle,
.institutional-services .institutional-services__conditions .institutional-services__conditions__subtitle,
.institutional-services .institutional-services__conditions .institutional-services__conditions__items .institutional-services__conditions__items__item .institutional-services__conditions__items__item__text,
.cookie .cookie__text,
.action-section .action-section__info .action-section__info__description,
.bug-bounty .second-content .second-content__reward .second-content__reward__subtitle,
.bug-bounty .second-content .second-content__support .second-content__support__subtitle,
.slider-advantages .slider-advantages__header .slider-advantages__header__subtitle,
.slider-advantages .slider-advantages__slide .slider-advantages__slide__subtitle,
.slider-steps__slide .slider-steps__slide__subtitle,
.about-us .about-us__content .about-us__content__history .about-us__content__history__items .about-us__content__history__items__item .about-us__content__history__items__item__date,
.about-us .about-us__security .about-us__security__blocks .about-us__security__blocks__item .about-us__security__blocks__item__content,
.trading-competition .trading-competition__section .trading-competition__section__competition,
.trading-competition .trading-competition__section-bottom .trading-competition__section-bottom__steps .trading-competition__section-bottom__steps__list .trading-competition__section-bottom__steps__list__item .step-list-item__icon__name .step-list-item__icon__name__subtitle,
.white-tooltip .tooltip-section__text,
.input-section .input-section__title {
    color: #848e9c !important;
}

/* --- Input fields on dark bg --- */
.input-section .input-section__input .v-text-field__slot input,
.input-autocomplete-menu.input-select-menu .select-icon,
.input-autocomplete-menu.input-select-menu .select-text {
    color: #eaecef !important;
}

/* --- White bg elements -> dark bg --- */
.input_menu_button__dropdown,
.calculate-section__inputs__menu {
    background-color: #1e2329 !important;
    border-color: #2b3139 !important;
}

/* Borders on dark theme */
.chart-section .chart,
.chart-right-section .chart-right-tabs .chart-right-tabs__content,
.input_menu_button,
.input_menu_button:hover {
    border-color: #2b3139 !important;
}

/* --- Referral bg fix --- */
.referral {
    background-color: #181a20 !important;
}

/* --- Verification step icons --- */
.verification-confirmation-items .verification-confirmation-items__item .verification-confirmation-items__item__steps .verification-confirmation-items__item__steps__step .verification-confirmation-items__item__steps__step__icon,
.verification-confirmation-items .verification-confirmation-items__item .verification-confirmation-items__item__content .verification-confirmation-items__item__content__icon {
    background-color: #2b3139 !important;
    color: #eaecef !important;
}

/* Settings password errors */
.settings-change-password .change-password-form .password-errors-section .password-errors-section__error .password-errors-section__error__icon {
    color: #848e9c !important;
    border-color: #2b3139 !important;
}

/* Profile table copy button hover */
.profile-table .history-table__table__copy:hover {
    color: #fcd535 !important;
    border-color: #fcd535 !important;
}

/* Chart form tab icon hover */
.chart-form__tabs .chart-form__tabs__icon:hover {
    color: #fcd535 !important;
    border-color: #fcd535 !important;
}

/* Earn questions expansion panel */
.ern-section .questions-earn .v-item-group .v-expansion-panel .v-expansion-panel-content {
    color: #848e9c !important;
}

/* About-us with-us badge */
.about-us .about-us__content .about-us__content__with-us .about-us__content__with-us__badge {
    background: rgba(252, 213, 53, 0.15) !important;
    color: #fcd535 !important;
}

/* Bug bounty support link */
.bug-bounty .second-content .second-content__support .second-content__support__link,
.bug-bounty .second-content .second-content__support .second-content__support__link-primary {
    color: #fcd535 !important;
}

/* ===== HEADER - Binance Style ===== */
.main-header,
.main-header.v-sheet,
.main-header.v-toolbar,
.main-header.v-app-bar {
    background: #181A20 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid #2B3139 !important;
    box-shadow: none !important;
}
.theme--light.v-toolbar.v-sheet { background-color: #181A20 !important; }
.theme--light.v-app-bar.v-toolbar.v-sheet { background-color: #181A20 !important; }
header.main-header.v-sheet.theme--light.v-toolbar.v-app-bar { background-color: #181A20 !important; }

.main-header,
.main-header .v-toolbar__content {
    height: 64px !important;
}

.main-header .v-toolbar__content {
    background: transparent !important;
    padding: 0 24px !important;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

/* Logo */
.main-header .main-header__logo-section .main-header__logo-section__link.desktop {
    gap: 10px !important;
}

.main-header .main-header__logo-section .main-header__logo-section__link.desktop img {
    width: 32px !important;
    height: 32px !important;
    transition: transform 0.2s ease !important;
}

.main-header .main-header__logo-section .main-header__logo-section__link.desktop:hover img {
    transform: scale(1.05);
}

.main-header .main-header__logo-section .main-header__logo-section__link.desktop span {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #eaecef !important;
    letter-spacing: -0.3px !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

/* Navigation buttons */
.main-menu.desktop-menu .main-menu__section .main-menu__section__nav-button {
    height: 64px !important;
    border-radius: 0 !important;
    padding: 0 14px !important;
    position: relative;
    transition: all 0.15s ease !important;
}

.main-menu__section__nav-button .v-btn__content {
    color: #848e9c !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    letter-spacing: 0 !important;
    transition: color 0.15s ease !important;
}

.main-menu__section__nav-button:hover .v-btn__content {
    color: #fcd535 !important;
}

.main-menu__section__nav-button .v-btn__content .v-icon {
    font-size: 16px !important;
    margin-left: 2px !important;
    color: #5e6673 !important;
    transition: color 0.15s ease, transform 0.2s ease !important;
}

.main-menu__section__nav-button:hover .v-btn__content .v-icon {
    color: #fcd535 !important;
}

/* Dropdown menu */
.main-menu__section .main-menu__section__menu {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    padding: 8px !important;
    min-width: 260px !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

.main-menu__section__menu__nav {
    border-radius: 8px !important;
    padding: 12px 16px !important;
    transition: background 0.15s ease !important;
}

.main-menu__section__menu__nav:hover {
    background-color: rgba(43, 49, 57, 0.7) !important;
}

.main-menu__section__menu__nav__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    background: rgba(252, 213, 53, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.main-menu__section__menu__nav__icon svg {
    width: 20px !important;
    height: 20px !important;
}

.main-menu__section__menu__nav__title {
    color: #eaecef !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.main-menu__section__menu__nav__subtitle {
    color: #5e6673 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

/* Auth buttons */
.main-header .main-header__nav-button {
    color: #848e9c !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    transition: color 0.15s ease !important;
}

.main-header .main-header__nav-button:hover {
    color: #fcd535 !important;
}

.main-header .main-header__nav-button.login-btn {
    border: 1px solid #2b3139 !important;
    border-radius: 8px !important;
    height: 36px !important;
    padding: 0 16px !important;
    color: #eaecef !important;
    transition: all 0.15s ease !important;
}

.main-header .main-header__nav-button.login-btn:hover {
    border-color: #fcd535 !important;
    color: #fcd535 !important;
    background: rgba(252, 213, 53, 0.05) !important;
}

.main-header .main-header__nav-button-primary {
    background: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
    height: 36px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    transition: all 0.15s ease !important;
    box-shadow: none !important;
}

.main-header .main-header__nav-button-primary:hover {
    background: #f0b90b !important;
    box-shadow: 0 4px 16px rgba(252, 213, 53, 0.2) !important;
}

/* Language selector in header */
.main-header .v-btn__content .flag-icon {
    border-radius: 3px !important;
}

/* Mobile menu */
.mobile-menu {
    background: #181a20 !important;
}

.mobile-menu .v-expansion-panels.v-item-group .mobile-menu__item__panel .mobile-menu__item {
    background-color: #1e2329 !important;
}

.mobile-menu .v-expansion-panel-header {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.mobile-menu .v-expansion-panel {
    background: #181a20 !important;
    border-bottom: 1px solid #2b3139 !important;
}

.mobile-menu .v-expansion-panel-content {
    background: #1e2329 !important;
}

/* Menu controls (right side buttons) */
.main-menu.main-menu__menu-controls {
    gap: 8px !important;
}

.main-menu.main-menu__menu-controls .main-menu__menu-controls_top-up {
    background-color: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    transition: all 0.15s ease !important;
}

.main-menu.main-menu__menu-controls .main-menu__menu-controls_top-up:hover {
    background-color: #f0b90b !important;
    box-shadow: 0 4px 16px rgba(252, 213, 53, 0.2) !important;
}

/* Footer override */
.footer {
    background-color: #181a20 !important;
}

.footer-section h3 {
    color: #fcd535 !important;
}

.footer-section ul li a {
    color: #848e9c !important;
}

.footer-section ul li a:hover {
    color: #fcd535 !important;
}

.footer-socials__logo {
    color: #eaecef !important;
}

.footer-bottom {
    background-color: #0b0e11 !important;
}

.footer-bottom p {
    color: #5e6673 !important;
}

/* Cookie banner override */
.cookie-consent,
.cookie {
    background-color: #1e2329 !important;
    color: #848e9c !important;
    border-top: 1px solid #2b3139 !important;
}

/* Dialog/popup overrides */
.v-dialog {
    background: #1e2329 !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
    background: #181a20;
}

::-webkit-scrollbar-thumb {
    background: #2b3139;
    border-radius: 3px;
}

/* Auth buttons in header */
.main-header__nav-button {
    color: #eaecef !important;
}

.main-menu__menu-controls_top-up {
    background-color: #fcd535 !important;
    color: #181a20 !important;
}

/* ===== GLOBAL PAGE OVERRIDES ===== */

/* V-Application wrapper */
.v-application--wrap {
    background: #181a20 !important;
}

.v-application.theme--light {
    background: #181a20 !important;
    color: #eaecef !important;
}

/* ===== AUTH PAGES (Login/Register) ===== */
.authentication-register {
    background: #181a20 !important;
}

.authentication-register__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 600 !important;
}

.authentication-register__subtitle {
    color: #848e9c !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.authentication-register__input .v-input__control .v-input__slot {
    background: #2b3139 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 8px !important;
    color: #eaecef !important;
    transition: border-color 0.15s ease !important;
}

.authentication-register__input .v-input__control .v-input__slot:focus-within {
    border-color: #fcd535 !important;
}

.authentication-register__input .v-input__control .v-input__slot input {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.authentication-register__input .v-label {
    color: #5e6673 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.authentication-register__load-btn {
    background: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: all 0.15s ease !important;
}

.authentication-register__load-btn:hover {
    background: #f0b90b !important;
    box-shadow: 0 4px 16px rgba(252, 213, 53, 0.2) !important;
}

.authentication-register__back-btn {
    border-color: #2b3139 !important;
    color: #eaecef !important;
}

.authentication-register__back-btn:hover {
    border-color: #fcd535 !important;
    color: #fcd535 !important;
}

.authentication-register__timer__text {
    color: #848e9c !important;
}

.authentication-register__timer__btn {
    color: #fcd535 !important;
}

.authentication-register__code-section__error {
    color: #f6465d !important;
}

.authentication-register__icon path {
    fill: #fcd535 !important;
}

/* ===== PROFILE PAGE ===== */
.profile {
    background: #181a20 !important;
}

.profile_section {
    background: #1e2329 !important;
    border-radius: 12px !important;
    border: 1px solid #2b3139 !important;
}

.profile_section .user_info .user_info_name {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.profile_section .user_info .user_info_email {
    color: #848e9c !important;
}

.profile_section .user_balance {
    background: #1e2329 !important;
}

.profile_section .user_balance .user_balance__title {
    color: #848e9c !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.profile_section .user_balance .user_balance__value {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 600 !important;
}

.profile_section .user_balance .user_balance__btn-up {
    background: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.profile_section .user_balance .user_balance__btn-up:hover {
    background: #f0b90b !important;
}

/* Profile sidebar/menu */
.profile-sidebar,
.profile-menu {
    background: #1e2329 !important;
    border-right: 1px solid #2b3139 !important;
}

.profile-sidebar a,
.profile-menu a {
    color: #848e9c !important;
    transition: color 0.15s ease !important;
}

.profile-sidebar a:hover,
.profile-menu a:hover,
.profile-sidebar a.active,
.profile-menu a.active {
    color: #fcd535 !important;
}

/* ===== TABLES ===== */
.profile-table {
    background: #1e2329 !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.profile-table .profile-table__header {
    background: #1e2329 !important;
    border-bottom: 1px solid #2b3139 !important;
}

.profile-table .profile-table__header .profile-table__header__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 600 !important;
}

.profile-table .profile-table__header .profile-table__header__btn {
    color: #848e9c !important;
}

.profile-table table {
    background: transparent !important;
}

.profile-table table thead th {
    color: #5e6673 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-bottom: 1px solid #2b3139 !important;
    background: transparent !important;
    padding: 12px 16px !important;
}

.profile-table table tbody tr {
    border-bottom: 1px solid rgba(43, 49, 57, 0.5) !important;
    transition: background 0.15s ease !important;
}

.profile-table table tbody tr:hover {
    background: rgba(43, 49, 57, 0.3) !important;
}

.profile-table table tbody td {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(43, 49, 57, 0.5) !important;
}

/* Generic table overrides */
table.v-datatable,
.v-data-table {
    background: #1e2329 !important;
    color: #eaecef !important;
}

.v-data-table th {
    color: #5e6673 !important;
    background: #1e2329 !important;
}

.v-data-table td {
    color: #eaecef !important;
    border-bottom: 1px solid #2b3139 !important;
}

/* ===== WALLET / BALANCE ===== */
.assets-balances,
.assets-overview-balance {
    color: #eaecef !important;
}

.balance-input-section {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
}

.balance-input-section__balance__title {
    color: #848e9c !important;
}

.balance-input-section__balance__value {
    color: #eaecef !important;
    font-weight: 600 !important;
}

/* Wallet connect */
.wallet-connect-section {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
}

/* ===== TRADING PAGE ===== */
.exchange-section {
    background: #181a20 !important;
}

.exchange-section .calculate-section {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
}

.exchange-section .calculate-section__inputs__button {
    background: #2b3139 !important;
    color: #eaecef !important;
    border-radius: 8px !important;
}

.exchange-section .calculate-section__inputs__button.active,
.selected-btn {
    background: #fcd535 !important;
    color: #181a20 !important;
}

/* Chart area */
.chart-info {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
}

.chart-info .chart-info__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

/* Order book */
.order-book-section {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
}

/* ===== GLOBAL INPUTS ===== */
.v-text-field .v-input__control .v-input__slot {
    background: #2b3139 !important;
    border-radius: 8px !important;
}

.v-text-field .v-input__control .v-input__slot input {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.v-text-field .v-label {
    color: #5e6673 !important;
}

.v-text-field--outlined .v-input__control .v-input__slot fieldset {
    border-color: #2b3139 !important;
}

.v-text-field--outlined.v-input--is-focused .v-input__control .v-input__slot fieldset {
    border-color: #fcd535 !important;
}

.v-select .v-input__control .v-input__slot {
    background: #2b3139 !important;
    border-radius: 8px !important;
}

.v-select .v-select__selection {
    color: #eaecef !important;
}

.v-select .v-input__append-inner .v-icon {
    color: #5e6673 !important;
}

/* Select dropdown menu */
.v-menu__content {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 8px !important;
}

.v-list {
    background: #1e2329 !important;
}

.v-list-item {
    color: #eaecef !important;
}

.v-list-item:hover {
    background: #2b3139 !important;
}

.v-list-item--active {
    color: #fcd535 !important;
}

/* ===== GLOBAL BUTTONS ===== */
.primary-button {
    background: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: all 0.15s ease !important;
}

.primary-button:hover {
    background: #f0b90b !important;
    box-shadow: 0 4px 16px rgba(252, 213, 53, 0.2) !important;
}

.circuit-black-btn {
    border-color: #2b3139 !important;
    color: #eaecef !important;
    border-radius: 8px !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.circuit-black-btn:hover {
    border-color: #fcd535 !important;
    color: #fcd535 !important;
}

.transparent-button {
    color: #848e9c !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.transparent-button:hover {
    color: #fcd535 !important;
}

button.v-btn[disabled].theme--light.v-btn.v-btn--disabled.v-btn--has-bg {
    background-color: #2b3139 !important;
    color: #5e6673 !important;
}

/* ===== DIALOGS & POPUPS ===== */
.v-dialog {
    background: #1e2329 !important;
    border-radius: 16px !important;
    border: 1px solid #2b3139 !important;
}

.dialog-confirm {
    background: #1e2329 !important;
}

.dialog-confirm .dialog-confirm__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.dialog-confirm .dialog-confirm__text {
    color: #848e9c !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.dialog-confirm .dialog-confirm__button-section .dialog-confirm__button-select {
    background: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
}

.dialog-refill {
    background: #1e2329 !important;
    color: #eaecef !important;
}

.dialog-refill .dialog-refill__sections {
    background: #1e2329 !important;
}

/* ===== CONTENT PAGES (about, policies, legal) ===== */
.about-us__security {
    background: #181a20 !important;
}

.about-us__security__title,
.about-us__content__history__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.about-us__security__subtitle,
.about-us__security__text {
    color: #848e9c !important;
}

.about-us__security__blocks__item {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
}

.about-us__security__blocks__item__content {
    color: #848e9c !important;
}

.about-us__content__history__items__item {
    border-left: 2px solid #fcd535 !important;
}

.about-us__content__history__items__item__title {
    color: #eaecef !important;
}

.about-us__content__history__items__item__content {
    color: #848e9c !important;
}

.about-us__content__history__items__item__date {
    color: #5e6673 !important;
}

/* Generic content sections */
.content-section,
.page-content,
.document-content {
    color: #eaecef !important;
}

.content-section h1,
.content-section h2,
.content-section h3 {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.content-section p,
.content-section li {
    color: #848e9c !important;
    line-height: 1.7 !important;
}

/* ===== VERIFICATION PAGES ===== */
.account-verification {
    background: #181a20 !important;
}

.account-verification .verification-card {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
}

.authentication_component {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
}

.authentication_component__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.authentication_component__secret__cod-section__secret {
    background: #2b3139 !important;
    color: #eaecef !important;
    border-radius: 8px !important;
}

.authentication_component__code-section__form__input .v-input__control .v-input__slot {
    background: #2b3139 !important;
    border-radius: 8px !important;
}

.authentication_component__code-section__form__btn {
    background: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
}

/* ===== MARKETS PAGE ===== */
.market-section {
    background: #181a20 !important;
}

/* Markets page container */
.markets-table {
    background: #181a20 !important;
    color: #eaecef !important;
}

.markets-table .markets-table__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 600 !important;
}

/* Markets table header buttons (Spot, Futures, Favorites, etc.) */
.markets-table .profile-table__header {
    background: #181a20 !important;
    border-bottom: 1px solid #2b3139 !important;
}

.markets-table .profile-table__header__btn-section,
.profile-table .profile-table__header .profile-table__header__btn-section {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

.markets-table .profile-table__header__btn,
.markets-table .profile-table__header__btn.v-btn {
    background: #2b3139 !important;
    color: #848e9c !important;
    border-radius: 8px !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    margin: 0 !important;
    min-width: auto !important;
    padding: 0 16px !important;
    height: 36px !important;
}

.markets-table .profile-table__header__btn.active,
.markets-table .profile-table__header__btn.v-btn.active {
    background: #fcd535 !important;
    color: #181a20 !important;
}

/* Markets search */
.markets-table__search-section input,
.markets-table .search-section input {
    background: #2b3139 !important;
    color: #eaecef !important;
    border: 1px solid #2b3139 !important;
    border-radius: 8px !important;
}

.markets-table .search-section input::placeholder {
    color: #5e6673 !important;
}

.markets-table .search-section input:focus {
    border-color: #fcd535 !important;
}

.markets-table .search-section__input__icon {
    fill: #5e6673 !important;
}

/* Markets main table */
.markets-table .v-data-table,
.markets-table__main-table,
.profile-coins-table {
    background: #1e2329 !important;
    border-radius: 12px !important;
    border: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.markets-table__main-table table,
.profile-coins-table table {
    background: transparent !important;
}

/* Table header cells */
.markets-table__main-table thead th,
.profile-coins-table thead th,
.markets-table .v-data-table-header th,
.v-data-table thead th,
thead th {
    background: #1e2329 !important;
    background-color: #1e2329 !important;
    color: #848e9c !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-bottom: 1px solid #2b3139 !important;
    border-radius: 0 !important;
    white-space: nowrap !important;
}

.markets-table__main-table thead,
.profile-coins-table thead,
thead {
    background: #1e2329 !important;
    background-color: #1e2329 !important;
    border-radius: 0 !important;
    border: none !important;
}

.markets-table__main-table thead tr,
.profile-coins-table thead tr,
thead tr {
    border: none !important;
    border-top: none !important;
    border-bottom: 1px solid #2b3139 !important;
}

/* Remove inset box-shadow line from v-data-table */
.theme--light.v-data-table,
.v-data-table,
.profile-coins-table.theme--light {
    box-shadow: none !important;
}

.theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr:last-child > th,
.theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr > th {
    border-bottom: 1px solid #2b3139 !important;
    box-shadow: none !important;
    color: #848e9c !important;
    background-color: #1e2329 !important;
}

.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:not(:last-child) > td:not(.v-data-table__mobile-row),
.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr > td {
    border-bottom: 1px solid rgba(43, 49, 57, 0.5) !important;
    color: #eaecef !important;
}

.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
    background: rgba(43, 49, 57, 0.3) !important;
}

.theme--light.v-data-table > .v-data-table__wrapper > table > tbody > tr.active {
    background: #2b3139 !important;
}

.v-data-table__wrapper {
    border: none !important;
    box-shadow: none !important;
}

/* Force remove all borders/outlines on markets table container */
.v-data-table.markets-table__main-table.profile-coins-table,
.v-data-table.markets-table__main-table,
.v-data-table.profile-coins-table,
.markets-table .v-data-table.markets-table__main-table.profile-coins-table.theme--light {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.markets-table__main-table thead th .v-icon,
.profile-coins-table thead th .v-icon,
.v-data-table-header__icon {
    color: #5e6673 !important;
}

/* Table body rows */
.markets-table__main-table tbody tr,
.profile-coins-table tbody tr {
    background: transparent !important;
    border-bottom: 1px solid rgba(43, 49, 57, 0.5) !important;
    transition: background 0.15s ease !important;
}

.markets-table__main-table tbody tr:hover,
.profile-coins-table tbody tr:hover {
    background: rgba(43, 49, 57, 0.3) !important;
}

/* Table body cells -- ALL text white */
.markets-table__main-table tbody td,
.profile-coins-table tbody td {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 14px !important;
    border-bottom: 1px solid rgba(43, 49, 57, 0.5) !important;
    background: transparent !important;
}

/* Pair name in table -- override root.css dark colors with high specificity */
.markets-table .markets-table__main-table .table-name .table-name__names .table-name__names__short {
    color: #eaecef !important;
    font-weight: 600 !important;
}

.markets-table .markets-table__main-table .table-name .table-name__names .table-name__names__short span {
    color: #848e9c !important;
    font-weight: 400 !important;
}

.profile-coins-table .table-name .table-name__names .table-name__names__short {
    color: #eaecef !important;
    font-weight: 600 !important;
}

.profile-coins-table .table-name .table-name__names .table-name__names__full,
.profile-coins-table .table-name .table-name__names .table-name__names__subnames {
    color: #848e9c !important;
}

.profile-coins-table .table-name-coin-only {
    color: #eaecef !important;
}

.markets-table__main-table tbody td a,
.profile-coins-table tbody td a {
    color: #eaecef !important;
    font-weight: 600 !important;
}

/* All root.css dark text overrides for dark theme */
.dialog-confirm .dialog-confirm__title,
.dialog-transfer .dialog-transfer__header .dialog-transfer__header__title,
.discard-modal .discard-modal__title,
.authentication_component .authentication_component__title,
.chart-info .chart-info__section .chart-info__section__value,
.chart-form__tabs .chart-form__tabs__tab,
.chart-right-section .chart-right-tabs .chart-right-tabs__tab,
.exchange .main-exchange .main-exchange__section__info .main-exchange__section__info__block .main-exchange__section__info__block__value,
.questions .v-item-group .v-expansion-panel .v-expansion-panel-header,
.slider-advantages .slider-advantages__slide .slider-advantages__slide__title,
.slider-steps__slide .slider-steps__slide__title,
.token-listing .token-listing__header__content .token-listing__header__content__block .token-listing__header__content__block__title,
.trading-competition .trading-competition__section .trading-competition__section__title,
.two-factor__modal-title,
.ticket_form .dialog-ticket__title,
.small-bold,
.standard-btn,
.chart-right-tabs__items .item-coins .item-coins__text {
    color: #eaecef !important;
}

/* Override root.css rgba label colors for dark theme */
.font-label,
.markets-table .markets-table__section-switch .tab-section-switch__text,
.settings .settings__tabs .settings__tabs__item .settings__tabs__item__section .settings__tabs__item__section__subtitle,
.settings .settings__tabs .settings__tabs__item .settings__tabs__item__section__status .settings__tabs__item__section__status__title,
.settings .settings__tabs .settings__tabs__item .settings__tabs__item__section__status .settings__tabs__item__section__status__value,
.verification .verification__container .verification__container__subtitle,
.exchange .main-exchange .main-exchange__section .main-exchange__section__block .main-exchange__section__input-from .balance-input-section__balance .balance-input-section__balance__title,
.exchange .main-exchange .main-exchange__section__info .main-exchange__section__info__block .main-exchange__section__info__block__title,
.dialog-refill .dialog-refill__sections .dialog-refill__sections__section .balance-input-section .balance-input-section__balance .balance-input-section__balance__title,
.dialog-refill .dialog-refill__sections .dialog-refill__sections__section .dialog-refill__calc-section .dialog-refill__calc-section__title,
.ern-section .ern-section__content .ern-section__content__subtitle,
.card-header .card-header__subtitle,
.card-header .card-header__text,
.institutional-services .institutional-services__header .institutional-services__header__container .institutional-services__header__container__subtitle,
.cookie .cookie__text {
    color: #848e9c !important;
}

.markets-table__main-table tbody td .coin-subtitle,
.profile-coins-table tbody td .coin-subtitle,
.markets-table__main-table tbody td small,
.profile-coins-table tbody td small {
    color: #848e9c !important;
}

/* Trade button in markets table */
.markets-table__main-table tbody td .v-btn,
.profile-coins-table tbody td .v-btn,
.markets-table__action .v-btn,
.markets-table__main-table .trade-btn,
.profile-coins-table .trade-btn {
    background: transparent !important;
    color: #fcd535 !important;
    border: 1px solid #fcd535 !important;
    border-radius: 6px !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

.markets-table__main-table tbody td .v-btn:hover,
.profile-coins-table tbody td .v-btn:hover,
.markets-table__action .v-btn:hover {
    background: rgba(252, 213, 53, 0.1) !important;
}

/* Favorites star */
.markets__favorites-btn svg,
.profile-coins-table .favorite-btn svg {
    fill: #5e6673 !important;
}

.markets__favorites-btn.active svg,
.profile-coins-table .favorite-btn.active svg {
    fill: #fcd535 !important;
}

/* Soon label */
.soon-label {
    background-color: #2b3139 !important;
    color: #848e9c !important;
}

/* Section switch / visualization toggle */
.tab-section-switch {
    color: #848e9c !important;
}

.tab-section-switch .switch .slider {
    background-color: #2b3139 !important;
}

.tab-section-switch .switch input:checked + .slider {
    background-color: #fcd535 !important;
}

/* Pagination */
.table__pagination .v-pagination__item {
    background: #2b3139 !important;
    color: #848e9c !important;
}

.table__pagination .v-pagination__item--active {
    background: #fcd535 !important;
    color: #181a20 !important;
}

/* ===== SWAP PAGE ===== */
.exchange {
    background: #181a20 !important;
    color: #eaecef !important;
}

.exchange .exchange__header {
    background: #181a20 !important;
}

.exchange .exchange__header .exchange__header__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.exchange .exchange__header .exchange__header__subtitle {
    color: #848e9c !important;
}

/* Swap form container */
.exchange .main-exchange {
    background: #1e2329 !important;
    border-radius: 16px !important;
    border: 1px solid #2b3139 !important;
}

/* Autocomplete selectors (Bitcoin BTC, Ethereum ETH) */
.exchange .main-exchange .main-exchange__autocomplete {
    background: #2b3139 !important;
    border-radius: 8px !important;
    border: 1px solid #2b3139 !important;
}

.exchange .main-exchange .main-exchange__autocomplete .v-input__control,
.exchange .main-exchange .main-exchange__autocomplete .v-input__slot,
.exchange .main-exchange .main-exchange__autocomplete .v-select__slot,
.exchange .main-exchange .main-exchange__autocomplete .v-select__selection,
.exchange .main-exchange .main-exchange__autocomplete .v-select__selection--comma {
    color: #eaecef !important;
}

.exchange .main-exchange .main-exchange__autocomplete .v-input__slot {
    background: transparent !important;
}

.exchange .main-exchange .main-exchange__autocomplete .v-label {
    color: #848e9c !important;
}

.exchange .main-exchange .main-exchange__autocomplete .v-icon {
    color: #848e9c !important;
}

/* Swap icon button */
.exchange .main-exchange .main-exchange__swap-btn {
    background: #fcd535 !important;
    color: #181a20 !important;
}

/* Section blocks (left and right panels) */
.exchange .main-exchange .main-exchange__section .main-exchange__section__block {
    color: #eaecef !important;
}

/* Block titles -- "Available Balance" -- override root.css rgba(29,37,47,.7) */
.exchange .main-exchange .main-exchange__section .main-exchange__section__block .main-exchange__section__block__title,
.main-exchange__section__block__title {
    color: #848e9c !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.exchange .main-exchange .main-exchange__section .main-exchange__section__block .main-exchange__section__block__title__value,
.main-exchange__section__block__title__value {
    color: #eaecef !important;
    border-bottom-color: #2b3139 !important;
}

/* Input fields */
.exchange .main-exchange .main-exchange__section__input-from .main-exchange__section__input-from__input {
    background: #2b3139 !important;
    border-radius: 8px !important;
}

.exchange .main-exchange .main-exchange__section__input-from .main-exchange__section__input-from__input .v-input__control,
.exchange .main-exchange .main-exchange__section__input-from .main-exchange__section__input-from__input .v-input__slot {
    background: transparent !important;
}

.exchange .main-exchange .main-exchange__section__input-from .main-exchange__section__input-from__input .v-text-field__slot input,
.exchange .main-exchange input[type="number"] {
    color: #eaecef !important;
    caret-color: #fcd535 !important;
}

.exchange .main-exchange .main-exchange__section__input-from .main-exchange__section__input-from__input .v-label,
.exchange .main-exchange .v-label {
    color: #5e6673 !important;
}

.exchange .main-exchange .v-input__slot:before,
.exchange .main-exchange .v-text-field > .v-input__control > .v-input__slot:before {
    border-color: transparent !important;
}

/* Balance input section */
.exchange .main-exchange .balance-input-section__balance .balance-input-section__balance__title {
    color: #848e9c !important;
}

.exchange .main-exchange .balance-input-section__balance .balance-input-section__balance__value {
    color: #eaecef !important;
}

/* Info blocks -- override root.css rgba(29,37,47,.7)!important using #app for higher specificity */
.exchange .main-exchange .main-exchange__section__info {
    border-top: 1px solid #2b3139 !important;
}

#app .exchange .main-exchange .main-exchange__section__info .main-exchange__section__info__block .main-exchange__section__info__block__title {
    color: #848e9c !important;
}

#app .exchange .main-exchange .main-exchange__section__info .main-exchange__section__info__block .main-exchange__section__info__block__value {
    color: #eaecef !important;
}

#app .exchange .main-exchange .main-exchange__section__info .main-exchange__section__info__block .main-exchange__section__info__block__value.value-commission {
    color: #848e9c !important;
}

/* Block titles with #app specificity boost */
#app .exchange .main-exchange .main-exchange__section .main-exchange__section__block .main-exchange__section__block__title {
    color: #848e9c !important;
}

#app .exchange .main-exchange .main-exchange__section .main-exchange__section__block .main-exchange__section__block__title .main-exchange__section__block__title__value {
    color: #eaecef !important;
}

/* Input labels with #app */
#app .exchange .main-exchange .main-exchange__section__input-from .main-exchange__section__input-from__input .v-label {
    color: #5e6673 !important;
}

#app .exchange .main-exchange .main-exchange__section__input-from .main-exchange__section__input-from__input .v-text-field__slot input {
    color: #eaecef !important;
}

/* Disabled button override root.css */
#app button.v-btn[disabled].theme--light.v-btn.v-btn--disabled.v-btn--has-bg {
    background-color: #2b3139 !important;
    color: #5e6673 !important;
}

/* Swap button */
.exchange .main-exchange .main-exchange__form-button,
.exchange .main-exchange .main-exchange__form-button.v-btn {
    background-color: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.exchange .main-exchange .main-exchange__form-button.v-btn--disabled,
button.v-btn[disabled].theme--light.v-btn.v-btn--disabled.v-btn--has-bg {
    background-color: #2b3139 !important;
    color: #5e6673 !important;
}

/* Sign in button */
.exchange .exchange__content__section .exchange__content__btn,
.exchange .exchange__content__section .exchange__content__btn.v-btn {
    background-color: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

/* Swap history table */
.exchange .exchange-table {
    background: #1e2329 !important;
    border-radius: 12px !important;
}

.exchange .exchange-table .exchange-table__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

/* Value percent colors */
.exchange .value-percent.up {
    color: #0ecb81 !important;
}

.exchange .value-percent.down {
    color: #f6465d !important;
}

.exchange .value-commission {
    color: #848e9c !important;
}

/* ===== FAQ / QUESTIONS SECTION (swap, earn, etc.) ===== */
.questions,
.questions .v-item-group {
    background: #181a20 !important;
}

.questions .v-expansion-panel,
.v-expansion-panel.theme--light {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
}

.questions .v-expansion-panel .v-expansion-panel-header,
.v-expansion-panel.theme--light .v-expansion-panel-header {
    color: #eaecef !important;
    background: #1e2329 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.questions .v-expansion-panel .v-expansion-panel-header .v-icon,
.v-expansion-panel .v-expansion-panel-header__icon .v-icon {
    color: #848e9c !important;
}

.questions .v-expansion-panel .v-expansion-panel-content,
.v-expansion-panel.theme--light .v-expansion-panel-content {
    background: #1e2329 !important;
}

.questions .v-expansion-panel .v-expansion-panel-content__wrap,
.v-expansion-panel.theme--light .v-expansion-panel-content__wrap {
    color: #848e9c !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    line-height: 1.6 !important;
}

.questions .v-expansion-panel::before,
.v-expansion-panel.theme--light::before {
    box-shadow: none !important;
}

.questions .v-expansion-panel::after,
.v-expansion-panel.theme--light::after {
    border: none !important;
}

.questions__title,
.questions .questions__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

/* Card components used on markets/earn */
.card {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
    color: #eaecef !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.card:hover {
    border-color: #fcd535 !important;
    box-shadow: 0 4px 24px rgba(252, 213, 53, 0.06) !important;
}

.card__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.card__subtitle {
    color: #848e9c !important;
}

/* Swiper/slider overrides */
.swiper-pagination-bullet {
    background: #2b3139 !important;
}

.swiper-pagination-bullet-active {
    background: #fcd535 !important;
}

/* ===== EARN / STAKING ===== */
.staking-section,
.earn-section {
    background: #181a20 !important;
}

/* ===== SEARCH ===== */
.search-section .search-section__input-section .search-section__input .v-input__control .v-input__slot {
    background: #2b3139 !important;
    border-radius: 8px !important;
}

.search-section .search-section__input-section .search-section__input .v-input__control .v-input__slot input {
    color: #eaecef !important;
}

/* ===== TABS ===== */
.v-tabs {
    background: transparent !important;
}

.v-tab {
    color: #848e9c !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.v-tab--active {
    color: #fcd535 !important;
}

.v-tabs-slider {
    background: #fcd535 !important;
}

/* ===== NOTIFICATIONS / TOASTS ===== */
.toast-success {
    background: #0ecb81 !important;
}

.toast-error {
    background: #f6465d !important;
}

/* ===== SUPPORT CHAT ===== */
.support-button {
    background: #fcd535 !important;
    color: #181a20 !important;
}

.chat-box {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
}

.chat-box-header {
    background: #181a20 !important;
    border-bottom: 1px solid #2b3139 !important;
    color: #eaecef !important;
}

.chat-box-footer {
    background: #181a20 !important;
    border-top: 1px solid #2b3139 !important;
}

/* ===== CHANNEL VERIFICATION ===== */
.channel-verification {
    background: #181a20 !important;
}

.channel-verification__content {
    color: #eaecef !important;
}

.channel-verification__form {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
}

.channel-verification__form__btn {
    background: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
}

/* ===== CARD PAGE ===== */
.card-header {
    background: #181a20 !important;
}

.card-header__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.card-header__subtitle,
.card-header__text {
    color: #848e9c !important;
}

.card-register {
    background: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
}

.card-faq {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 12px !important;
}

/* ===== SWAP PAGE ===== */
.swap-section {
    background: #181a20 !important;
}

/* ===== FEES PAGE ===== */
.fees-section {
    background: #181a20 !important;
}

/* ===== COOKIE CONSENT ===== */
.cookie-section {
    background: #1e2329 !important;
    border-top: 1px solid #2b3139 !important;
    color: #848e9c !important;
}

.cookie-section a {
    color: #fcd535 !important;
}

/* ===== LOAD SCREEN ===== */
.load-app-screen {
    background-color: #181a20 !important;
}

.load-app-screen.full-screen {
    background-color: #181a20 !important;
}

/* ===== SCROLLBAR FOR MENUS ===== */
.input-autocomplete-menu::-webkit-scrollbar {
    background-color: #1e2329 !important;
}

.input-autocomplete-menu::-webkit-scrollbar-thumb {
    background-color: #2b3139 !important;
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 767px) {
    .mobile-menu .v-expansion-panels {
        background: #181a20 !important;
    }
    
    .main-menu.main-menu__menu-controls .main-menu__section .main-menu__section__menu {
        background-color: #1e2329 !important;
        border: 1px solid #2b3139 !important;
    }
}

/* ===== GENERIC TEXT COLOR OVERRIDES ===== */
h1, h2, h3, h4, h5, h6 {
    color: #eaecef !important;
}

p {
    color: #848e9c !important;
}

a:not(.bn-cta-btn):not(.bn-hero-btn):not(.bn-trade-btn):not(.main-header__nav-button-primary) {
    color: #fcd535 !important;
    text-decoration: none !important;
}

a:hover:not(.bn-cta-btn):not(.bn-hero-btn):not(.bn-trade-btn):not(.main-header__nav-button-primary) {
    color: #f0b90b !important;
}

/* Keep white text where needed */
.main-menu__section__menu__nav__title a,
.footer-section ul li a {
    color: inherit !important;
}

/* ===== ERROR PAGES ===== */
.error-page {
    background: #181a20 !important;
    color: #eaecef !important;
}

/* ===== APP MODAL ===== */
.app-modal-wrapper {
    background: #1e2329 !important;
    color: #eaecef !important;
}

.app-modal__title {
    color: #eaecef !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.app-modal__instruction__title {
    color: #848e9c !important;
}

.app-modal__description-body {
    color: #5e6673 !important;
}

/* Banner button */
.banner__btn {
    background: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
}

/* ===== TOURNAMENT PAGE ===== */
.tournament-section {
    background: #181a20 !important;
}

/* ===== REFERRAL PAGE ===== */
.referral-section {
    background: #181a20 !important;
}

/* Green/Red price colors */
.up-color, .price-up, .green {
    color: #0ecb81 !important;
}

.down-color, .price-down, .red {
    color: #f6465d !important;
}

/* ===== RESET & BASE ===== */
.bn-landing * {
    box-sizing: border-box;
}

.bn-landing {
    font-family: var(--bn-font);
    background: var(--bn-bg);
    color: var(--bn-text-primary);
    min-height: 100vh;
    overflow-x: hidden;
}

.bn-container {
    max-width: var(--bn-max-width);
    margin: 0 auto;
    padding: 0 24px;
}

/* ===== HERO SECTION ===== */
.bn-hero {
    padding: 80px 0 40px;
    position: relative;
    overflow: hidden;
}

.bn-hero .bn-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 48px;
}

.bn-hero-left {
    flex: 1;
    max-width: 520px;
    padding-top: 20px;
}

.bn-hero-right {
    flex: 0 0 400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Hero counter */
.bn-hero-counter {
    font-size: 52px;
    font-weight: 700;
    color: var(--bn-yellow);
    line-height: 1.1;
    margin-bottom: 8px;
    letter-spacing: -1px;
    font-family: var(--bn-font);
}

.bn-hero-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 24px;
    color: var(--bn-text-primary);
    letter-spacing: -0.5px;
}

.bn-hero-title span {
    color: var(--bn-yellow);
}

/* Hero badges */
.bn-hero-badges {
    display: flex;
    gap: 32px;
    margin-bottom: 32px;
}

.bn-hero-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.bn-wreath-img {
    display: block;
}

.bn-hero-badge-label {
    font-size: 12px;
    color: var(--bn-text-secondary);
    white-space: nowrap;
}

/* Hero registration form */
.bn-hero-form {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.bn-hero-bonus-input {
    flex: 1;
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--bn-border);
    border-radius: var(--bn-radius);
    background: var(--bn-bg-secondary);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--bn-text-secondary);
}

.bn-hero-btn {
    height: 48px;
    padding: 0 28px;
    background: var(--bn-yellow);
    color: #181a20;
    border: none;
    border-radius: var(--bn-radius);
    font-size: 15px;
    font-weight: 600;
    font-family: var(--bn-font);
    cursor: pointer;
    transition: background var(--bn-transition);
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bn-hero-btn:hover {
    background: var(--bn-yellow-hover);
}

/* Hero app icons */
.bn-hero-apps {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}

.bn-hero-app-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2b3139;
    border-radius: 8px;
    background: var(--bn-bg-secondary);
    transition: border-color var(--bn-transition);
}

.bn-hero-app-icon:hover {
    border-color: var(--bn-yellow);
}

/* Hero right cards */
.bn-hero-card {
    background: var(--bn-bg-secondary);
    border: 1px solid var(--bn-border);
    border-radius: 12px;
    padding: 20px;
}

.bn-hero-card-tabs {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
}

.bn-hero-card-tab {
    font-size: 14px;
    font-weight: 600;
    color: var(--bn-text-secondary);
    cursor: pointer;
    transition: color var(--bn-transition);
    padding-bottom: 4px;
}

.bn-hero-card-tab.active {
    color: var(--bn-text-primary);
    border-bottom: 2px solid var(--bn-yellow);
}

.bn-hero-card-more {
    margin-left: auto;
    font-size: 12px;
    color: var(--bn-text-third) !important;
    text-decoration: none !important;
}

.bn-hero-card-more:hover {
    color: var(--bn-yellow) !important;
}

.bn-hero-card-divider {
    height: 1px;
    background: var(--bn-border);
    margin-bottom: 12px;
}

/* Coin list rows */
.bn-hero-coin-list {
    display: flex;
    flex-direction: column;
}

.bn-hero-coin-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}

.bn-hero-coin-info {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.bn-hero-coin-info img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.bn-hero-coin-symbol {
    font-size: 14px;
    font-weight: 600;
    color: var(--bn-text-primary);
}

.bn-hero-coin-name {
    font-size: 12px;
    color: var(--bn-text-third);
}

.bn-hero-coin-price {
    font-size: 14px;
    color: var(--bn-text-primary);
    text-align: right;
    min-width: 100px;
}

.bn-hero-coin-change {
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    min-width: 70px;
}

.bn-hero-coin-change.up {
    color: var(--bn-green);
}

.bn-hero-coin-change.down {
    color: var(--bn-red);
}

/* Awards row */
.bn-hero-awards-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.bn-hero-award-card {
    background: var(--bn-bg-secondary);
    border: 1px solid var(--bn-border);
    border-radius: 10px;
    padding: 14px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: border-color var(--bn-transition), transform var(--bn-transition);
}

.bn-hero-award-card:hover {
    border-color: rgba(252, 213, 53, 0.3);
    transform: translateY(-2px);
}

.bn-hero-award-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--bn-text-secondary);
    text-align: center;
    letter-spacing: 0.5px;
}

/* ===== STATS BAR ===== */
.bn-stats {
    padding: 40px 0;
    border-top: 1px solid var(--bn-border);
    border-bottom: 1px solid var(--bn-border);
}

.bn-stats .bn-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bn-stat-item {
    text-align: center;
    flex: 1;
}

.bn-stat-value {
    font-size: 32px;
    font-weight: 600;
    color: var(--bn-text-primary);
    margin-bottom: 4px;
}

.bn-stat-label {
    font-size: 14px;
    color: var(--bn-text-secondary);
}

/* ===== MARKET TABLE ===== */
.bn-markets {
    padding: 80px 0;
}

.bn-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.bn-section-title {
    font-size: 32px;
    font-weight: 600;
    color: var(--bn-text-primary);
    margin: 0;
}

.bn-section-subtitle {
    font-size: 16px;
    color: var(--bn-text-secondary);
    margin: 8px 0 0;
}

.bn-view-more {
    color: var(--bn-yellow);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color var(--bn-transition);
}

.bn-view-more:hover {
    color: var(--bn-yellow-hover);
}

.bn-view-more svg {
    width: 16px;
    height: 16px;
}

/* Market tabs */
.bn-market-tabs {
    display: flex;
    gap: 0;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--bn-border);
}

.bn-market-tab {
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--bn-text-secondary);
    cursor: pointer;
    border: none;
    background: none;
    border-bottom: 2px solid transparent;
    transition: all var(--bn-transition);
    font-family: var(--bn-font);
}

.bn-market-tab:hover {
    color: var(--bn-text-primary);
}

.bn-market-tab.active {
    color: var(--bn-yellow);
    border-bottom-color: var(--bn-yellow);
}

/* Market table */
.bn-market-table {
    width: 100%;
    border-collapse: collapse;
}

.bn-market-table thead th {
    text-align: left;
    padding: 12px 16px;
    font-size: 12px;
    font-weight: 500;
    color: var(--bn-text-third);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid var(--bn-border);
}

.bn-market-table thead th:last-child,
.bn-market-table tbody td:last-child {
    text-align: right;
}

.bn-market-table tbody tr {
    cursor: pointer;
    transition: background var(--bn-transition);
}

.bn-market-table tbody tr:hover {
    background: var(--bn-bg-hover);
}

.bn-market-table tbody td {
    padding: 16px;
    font-size: 14px;
    border-bottom: 1px solid rgba(43, 49, 57, 0.5);
    vertical-align: middle;
}

.bn-market-pair {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bn-market-pair img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.bn-market-pair-name {
    font-weight: 600;
    font-size: 14px;
}

.bn-market-pair-base {
    font-size: 12px;
    color: var(--bn-text-secondary);
}

.bn-price-up {
    color: var(--bn-green);
}

.bn-price-down {
    color: var(--bn-red);
}

.bn-change-badge {
    display: inline-flex;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    min-width: 72px;
    justify-content: center;
}

.bn-change-badge.up {
    background: rgba(14, 203, 129, 0.1);
    color: var(--bn-green);
}

.bn-change-badge.down {
    background: rgba(246, 70, 93, 0.1);
    color: var(--bn-red);
}

.bn-chart-mini {
    max-width: 120px;
    max-height: 40px;
}

.bn-trade-btn {
    padding: 6px 16px;
    background: transparent;
    border: 1px solid var(--bn-yellow);
    color: var(--bn-yellow);
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all var(--bn-transition);
    font-family: var(--bn-font);
    text-decoration: none;
}

.bn-trade-btn:hover {
    background: var(--bn-yellow);
    color: #181a20;
}

/* ===== FEATURES SECTION ===== */
.bn-features {
    padding: 80px 0;
}

.bn-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.bn-feature-card {
    background: var(--bn-bg-secondary);
    border-radius: var(--bn-radius-lg);
    padding: 40px 32px;
    transition: transform var(--bn-transition), box-shadow var(--bn-transition);
    border: 1px solid var(--bn-border);
}

.bn-feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}

.bn-feature-icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: rgba(252, 213, 53, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

.bn-feature-icon svg {
    width: 28px;
    height: 28px;
    fill: var(--bn-yellow);
}

.bn-feature-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--bn-text-primary);
    margin: 0 0 12px;
}

.bn-feature-desc {
    font-size: 14px;
    line-height: 1.6;
    color: var(--bn-text-secondary);
    margin: 0;
}

/* ===== HOW TO START ===== */
.bn-howto {
    padding: 80px 0;
}

.bn-howto-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin-top: 48px;
}

.bn-howto-step {
    text-align: center;
    position: relative;
}

.bn-howto-step-number {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--bn-yellow);
    color: #181a20;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.bn-howto-step-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--bn-text-primary);
    margin: 0 0 8px;
}

.bn-howto-step-desc {
    font-size: 14px;
    color: var(--bn-text-secondary);
    line-height: 1.5;
    margin: 0;
}

/* Connector line between steps */
.bn-howto-step:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 24px;
    right: -16px;
    width: calc(100% - 48px);
    height: 2px;
    background: var(--bn-border);
    transform: translateX(100%);
}

/* ===== CTA SECTION ===== */
.bn-cta {
    padding: 100px 0;
    text-align: center;
    background: linear-gradient(180deg, var(--bn-bg) 0%, var(--bn-bg-secondary) 100%);
}

.bn-cta-title {
    font-size: 40px;
    font-weight: 600;
    color: var(--bn-text-primary);
    margin: 0 0 16px;
}

.bn-cta-subtitle {
    font-size: 18px;
    color: var(--bn-text-secondary);
    margin: 0 0 40px;
}

.bn-cta-btn {
    height: 56px;
    padding: 0 48px;
    background: var(--bn-yellow);
    color: #181a20 !important;
    border: none;
    border-radius: var(--bn-radius);
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--bn-transition);
    font-family: var(--bn-font);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bn-cta-btn:hover {
    background: var(--bn-yellow-hover);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .bn-hero-counter {
        font-size: 40px;
    }

    .bn-hero-title {
        font-size: 32px;
    }

    .bn-hero-right {
        flex: 0 0 340px;
    }

    .bn-hero .bn-container {
        gap: 32px;
    }

    .bn-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bn-howto-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .bn-howto-step:not(:last-child)::after {
        display: none;
    }
}

@media (max-width: 768px) {
    .bn-hero {
        padding: 40px 0;
    }

    .bn-hero .bn-container {
        flex-direction: column;
        gap: 40px;
    }

    .bn-hero-left {
        max-width: 100%;
        text-align: center;
    }

    .bn-hero-counter {
        font-size: 36px;
    }

    .bn-hero-title {
        font-size: 28px;
    }

    .bn-hero-badges {
        justify-content: center;
    }

    .bn-hero-form {
        flex-direction: column;
    }

    .bn-hero-apps {
        justify-content: center;
    }

    .bn-hero-right {
        flex: 0 0 auto;
        width: 100%;
    }

    .bn-stats .bn-container {
        flex-wrap: wrap;
        gap: 24px;
    }

    .bn-stat-item {
        flex: 0 0 calc(50% - 12px);
    }

    .bn-stat-value {
        font-size: 24px;
    }

    .bn-section-title {
        font-size: 24px;
    }

    .bn-features-grid {
        grid-template-columns: 1fr;
    }

    .bn-howto-steps {
        grid-template-columns: 1fr;
    }

    .bn-market-table thead th:nth-child(4),
    .bn-market-table tbody td:nth-child(4) {
        display: none;
    }

    .bn-market-table thead th:nth-child(5),
    .bn-market-table tbody td:nth-child(5) {
        display: none;
    }

    .bn-cta-title {
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .bn-hero-counter {
        font-size: 28px;
    }

    .bn-hero-title {
        font-size: 22px;
    }

    .bn-hero-badges {
        gap: 16px;
    }

    .bn-hero-badge-num {
        font-size: 15px;
    }

    .bn-hero-awards-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .bn-stat-item {
        flex: 0 0 100%;
    }

    .bn-market-table thead th:nth-child(3),
    .bn-market-table tbody td:nth-child(3) {
        display: none;
    }
}

/* ==========================================
   SIGNUP PAGE REDESIGN
   ========================================== */

.signup-redesign {
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: stretch;
}

.signup-layout {
    display: flex;
    width: 100%;
    min-height: calc(100vh - 64px);
}

.signup-left {
    flex: 0 0 45%;
    background: linear-gradient(135deg, #1a1d23 0%, #12141a 50%, #0d0f14 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 40px;
    position: relative;
    overflow: hidden;
}

.signup-left::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 60% 40%, rgba(255, 192, 20, 0.04) 0%, transparent 50%);
    pointer-events: none;
}

.signup-left__content {
    text-align: center;
    position: relative;
    z-index: 1;
    max-width: 380px;
}

.signup-illustration {
    width: 280px;
    height: 280px;
    margin-bottom: 30px;
    filter: drop-shadow(0 10px 40px rgba(255, 192, 20, 0.1));
}

.signup-left__title {
    font-size: 28px;
    font-weight: 700;
    color: #eaecef;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.signup-left__subtitle {
    font-size: 15px;
    color: #848e9c;
    margin-bottom: 32px;
    line-height: 1.5;
}

.signup-left__features {
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: left;
}

.signup-left__feature {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #b7bdc6;
    font-size: 14px;
}

.signup-left__feature svg {
    flex-shrink: 0;
}

.signup-right {
    flex: 0 0 55%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 50px 40px;
    background: #181a20;
    overflow-y: auto;
}

.signup-right .container.register {
    max-width: 480px;
    padding: 0;
}

.signup-right .register__title {
    color: #eaecef !important;
    font-size: 28px !important;
    font-weight: 600 !important;
}

.signup-right .register__subtitle {
    color: #848e9c !important;
    margin-bottom: 8px;
}

.signup-right .register__subtitle a {
    color: #fcd535 !important;
}

.signup-right .register-form__input .v-input__slot {
    background: #1e2329 !important;
    border: 1px solid #2b3139 !important;
    border-radius: 8px !important;
    transition: border-color 0.2s ease;
}

.signup-right .register-form__input .v-input__slot:hover {
    border-color: #3b4149 !important;
}

.signup-right .register-form__input.v-input--is-focused .v-input__slot {
    border-color: #fcd535 !important;
}

.signup-right .register-form__input .v-label {
    color: #5e6673 !important;
}

.signup-right .register-form__input input {
    color: #eaecef !important;
    caret-color: #fcd535 !important;
}

.signup-right .password-errors-section__error {
    color: #848e9c !important;
}

.signup-right .password-errors-section__error.success .password-errors-section__error__text {
    color: #0ecb81 !important;
}

.signup-right .register__form-check__text {
    color: #848e9c !important;
    font-size: 13px;
}

.signup-right .register__form-check__text a {
    color: #fcd535 !important;
}

.signup-right .form-button {
    background: #fcd535 !important;
    color: #181a20 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    height: 48px !important;
    font-size: 16px !important;
    transition: background 0.2s ease, transform 0.1s ease;
}

.signup-right .form-button:hover {
    background: #ffe066 !important;
}

.signup-right .form-button:active {
    transform: scale(0.98);
}

.signup-right .error-form {
    color: #f6465d !important;
}

.signup-right .v-icon.mdi-eye-off,
.signup-right .v-icon.mdi-eye {
    color: #5e6673 !important;
}

@media (max-width: 960px) {
    .signup-layout {
        flex-direction: column;
        min-height: auto;
    }

    .signup-left {
        flex: none;
        padding: 40px 20px 30px;
    }

    .signup-illustration {
        width: 180px;
        height: 180px;
        margin-bottom: 20px;
    }

    .signup-left__title {
        font-size: 22px;
    }

    .signup-left__subtitle {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .signup-right {
        flex: none;
        padding: 30px 20px;
    }
}

@media (max-width: 600px) {
    .signup-left {
        padding: 30px 16px 20px;
    }

    .signup-illustration {
        width: 140px;
        height: 140px;
    }

    .signup-left__features {
        display: none;
    }

    .signup-right {
        padding: 20px 16px;
    }
}

/* ===== LANDING PAGE SECTIONS - RESPONSIVE LAYOUT ===== */

/* BONUS PROMO section */
.bn-bonus-section {
    padding: 0;
    background: linear-gradient(135deg, #1a1e2e 0%, #0b0e11 50%, #1a1a10 100%);
    overflow: hidden;
}

.bn-bonus-layout {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 60px 0;
}

.bn-bonus-content {
    flex: 1;
    min-width: 0;
}

.bn-bonus-visual {
    flex: 0 0 380px;
    position: relative;
}

/* PRODUCTS section grid */
.bn-products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* TRUST INDICATORS section grid */
.bn-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* PARTNERS section */
.bn-partners-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 48px;
    flex-wrap: wrap;
    opacity: 0.5;
}

/* --- Tablet (max-width: 1024px) --- */
@media (max-width: 1024px) {
    .bn-bonus-layout {
        gap: 40px;
    }

    .bn-bonus-visual {
        flex: 0 0 280px;
    }

    .bn-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bn-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* --- Mobile (max-width: 768px) --- */
@media (max-width: 768px) {
    .bn-bonus-layout {
        flex-direction: column;
        gap: 32px;
        padding: 40px 16px;
        align-items: center;
    }

    .bn-bonus-content {
        text-align: center;
    }

    .bn-bonus-content h2 {
        font-size: 28px !important;
    }

    .bn-bonus-content p {
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .bn-bonus-content > div {
        margin-left: auto;
        margin-right: auto;
    }

    .bn-bonus-content .bn-cta-btn {
        display: block;
        text-align: center;
    }

    .bn-bonus-visual {
        flex: none;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }

    .bn-products-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .bn-trust-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .bn-partners-logos {
        gap: 24px;
    }
}

/* --- Small mobile (max-width: 480px) --- */
@media (max-width: 480px) {
    .bn-bonus-layout {
        gap: 24px;
        padding: 32px 0;
    }

    .bn-bonus-visual {
        max-width: 260px;
    }

    .bn-trust-grid {
        grid-template-columns: 1fr;
    }

    .bn-partners-logos {
        gap: 16px;
    }
}