/* BIGBULLS RED SIGNATURE — XM-inspired visual direction, original brand */
:root{
 --bb-red:#e31e24;--bb-red-dark:#b9151b;--bb-red-soft:#fff0f0;
 --bb-ink:#171717;--bb-charcoal:#202124;--bb-muted:#62666d;
 --bb-line:#e5e5e5;--bb-bg:#f6f6f6;--bb-card:#ffffff;
 --brand-red:var(--bb-red);
}
html,body{font-family:"Roboto",Arial,sans-serif!important}
body{background:var(--bb-bg);color:var(--bb-ink)}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--bb-line);box-shadow:0 3px 18px #00000008}
.brand{color:var(--bb-ink)!important}.brand b{color:var(--bb-red)!important}
.mark{background:var(--bb-red)!important;color:#fff!important;border:0!important;border-radius:8px!important}
.main-nav{color:#353535}.main-nav a:hover{color:var(--bb-red)!important}
.navbtn{border:1px solid #d6d6d6;background:#fff;color:#222;border-radius:5px}
.nav-open,.header-actions .nav-open{background:var(--bb-red)!important;border-color:var(--bb-red)!important;color:#fff!important}
.nav-open:hover,.header-actions .nav-open:hover{background:var(--bb-red-dark)!important}
.hero{background:linear-gradient(115deg,#171717 0%,#252525 48%,#8f1015 100%);color:#fff}
.hero .eyebrow{color:#ffb7b9}.hero h1 em{color:#ff555b}
.hero .lead{color:#eeeeee}.hero .note{color:#d1d1d1}
.hero .btn{border:1px solid #ffffff70;color:#fff;border-radius:5px}
.hero .btn.gold{background:var(--bb-red)!important;border-color:var(--bb-red)!important;color:#fff!important}
.hero .btn.gold:hover{background:var(--bb-red-dark)!important}
.chart{background:linear-gradient(145deg,#252525,#111);border:1px solid #555;border-radius:8px;box-shadow:0 28px 75px #0006}
.charttop b{color:#ff6b70}.chartfoot b{color:#ff656b}
.ticker{background:#fff;color:#333;border-color:#e7e7e7}
.ticker span{color:var(--bb-red)}
.eyebrow,.section .eyebrow{color:var(--bb-red)!important}
h1,h2,h3,h4,h5,h6{font-family:"Roboto",Arial,sans-serif!important}
h1,h2,.section h2,.workflow h2,.purchase h2{font-weight:800;letter-spacing:-.035em}
h2 em,.section h2 em,.workflow h2 em,.purchase h2 em{color:var(--bb-red)!important}
.section{background:transparent}
.section .lead{color:var(--bb-muted)}
/* One shared card language across all public landing-page collections */
.cards article,.account-cards article,.payment-cards article,.feature-grid article,
.ai-feature-card,.pricecard,.lockcard,.price-card,.bbx-card{
 background:#fff!important;color:var(--bb-ink)!important;
 border:1px solid var(--bb-line)!important;border-radius:8px!important;
 box-shadow:0 7px 24px #1111110b!important;
}
.cards article,.account-cards article,.payment-cards article,.feature-grid article{
 position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.cards article:before,.account-cards article:before,.payment-cards article:before,.feature-grid article:before{
 content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--bb-red);
}
.cards article:hover,.account-cards article:hover,.payment-cards article:hover,.feature-grid article:hover{
 transform:translateY(-5px);border-color:#ef9a9d!important;box-shadow:0 16px 34px #9e11151a!important;
}
.cards small,.account-cards article>span,.payment-cards article small,.feature-grid small{
 color:var(--bb-red)!important;font-family:"Roboto",Arial,sans-serif!important;font-weight:800;letter-spacing:.1em;
}
.cards h3,.account-cards h3,.payment-cards h3,.feature-grid h3{color:#171717!important;font-weight:800}
.cards p,.account-cards p,.payment-cards p,.feature-grid p{color:#62666d!important}
.btn,.navbtn{font-family:"Roboto",Arial,sans-serif!important}
.btn.gold,.account-cards .btn.gold,.pricecard .btn.gold{
 background:var(--bb-red)!important;border-color:var(--bb-red)!important;color:#fff!important;border-radius:5px!important;
}
.btn.gold:hover,.account-cards .btn.gold:hover{background:var(--bb-red-dark)!important}
.workflow{background:#202124!important;border-block:1px solid #333!important;color:#fff}
.workflow h2{color:#fff!important}.workflow p{color:#d0d0d0!important}
.workflow li{border-color:#414141!important}.workflow li>b{color:#ff656b!important}
.workflow li strong{color:#fff}.workflow li small{color:#c2c2c2!important}
.pricecard small,.price-card>small{color:var(--bb-red)!important}
.price{color:#171717}.status{color:var(--bb-red)!important}
.purchase{background:#202124!important;color:#fff}
.purchase h2{color:#fff!important}.purchase p{color:#d0d0d0!important}
.lockcard{background:#fff!important;color:#171717!important;border-color:#e5e5e5!important}
.lockcard b{color:#171717!important}.lockcard p{color:#62666d!important}.lockcard small{color:var(--bb-red)!important}
footer{background:#171717!important;color:#d8d8d8!important}
footer .brand{color:#fff!important}footer .brand b{color:#ff555b!important}
footer .mark{background:var(--bb-red)!important;color:#fff!important}
/* 12-card auto-rotating intelligence carousel */
.ai-showcase{
 background:#f1f1f1!important;border-block:1px solid #e2e2e2!important;
 color:#171717!important;border-radius:0!important;
}
.ai-showcase h2{color:#171717!important}.ai-showcase h2 em{color:var(--bb-red)!important}
.ai-showcase-head p{color:#62666d!important}
.ai-rotate-label{background:#fff;border-color:#dedede;color:#555}
.ai-rotate-label b{color:var(--bb-red)!important}
.ai-live-dot{background:var(--bb-red)!important;box-shadow:0 0 10px #e31e2466!important}
.ai-feature-grid{grid-template-columns:1.25fr 1fr 1fr!important;align-items:stretch}
.ai-feature-card{
 min-height:225px!important;padding:25px!important;border:1px solid #e1e1e1!important;
 border-top:4px solid var(--bb-red)!important;background:#fff!important;border-radius:8px!important;
 box-shadow:0 8px 24px #1111110c!important;
}
.ai-feature-card:nth-child(3n+2){background:#fafafa!important}
.ai-feature-card small{color:var(--bb-red)!important}
.ai-feature-card h3{color:#171717!important;font-size:21px!important;font-weight:800!important}
.ai-feature-card p{color:#62666d!important}
.ai-card-mark{color:var(--bb-red)!important;opacity:.12!important}
.ai-carousel-foot{color:#62666d!important}
.ai-progress{background:#dedede!important}.ai-progress i{background:var(--bb-red)!important}
@keyframes aiCardIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
/* Client Personal Area receives the same red/white/charcoal design tokens. */
body.app-mode{
 --portal-blue:var(--bb-red)!important;--portal-blue-dark:var(--bb-red-dark)!important;
 --portal-blue-soft:var(--bb-red-soft)!important;--portal-ink:#202124!important;
 --portal-muted:#62666d!important;--portal-line:#e2e2e2!important;
 --portal-bg:#f5f5f5!important;--portal-card:#fff!important;
 --blue:var(--bb-red)!important;--gold:var(--bb-red)!important;
 background:#f5f5f5!important;color:#202124!important;
}
body.app-mode .terminal,body.app-mode .terminal-main{background:#f5f5f5!important;color:#202124!important}
body.app-mode .terminal-head,body.app-mode .terminal-nav,body.app-mode .terminal-footer{
 background:#fff!important;color:#202124!important;border-color:#e4e4e4!important
}
body.app-mode .terminal-brand b,body.app-mode .terminal-nav button.active,
body.app-mode .terminal-nav button:hover,body.app-mode .terminal-nav i{color:var(--bb-red)!important}
body.app-mode .terminal-brand .mark{background:var(--bb-red)!important;color:#fff!important}
body.app-mode .terminal-nav button.active{background:#fff0f0!important;border-bottom-color:var(--bb-red)!important}
body.app-mode .terminal-head-right button,body.app-mode .terminal-footer button,
body.app-mode .portal-primary{background:var(--bb-red)!important;border-color:var(--bb-red)!important;color:#fff!important}
body.app-mode .terminal-page-head h2,body.app-mode .terminal h1,
body.app-mode .terminal h2,body.app-mode .terminal h3,body.app-mode .terminal h4{color:#202124!important}
body.app-mode .terminal .client-stat,body.app-mode .terminal .client-panel,
body.app-mode .terminal .service-tile,body.app-mode .terminal .bbx-card,
body.app-mode .terminal .bb-account-card,body.app-mode .terminal .bb-account-tools{
 background:#fff!important;color:#202124!important;border:1px solid #e2e2e2!important;
 border-radius:8px!important;box-shadow:0 6px 20px #1111110a!important;
}
body.app-mode .terminal .client-stat b,body.app-mode .terminal .service-tile b,
body.app-mode .terminal .client-panel h3{color:#202124!important}
body.app-mode .terminal .client-stat small,body.app-mode .terminal .client-stat span,
body.app-mode .terminal .service-tile small,body.app-mode .terminal .client-panel p{color:#62666d!important}
body.app-mode .terminal .service-tile>span,body.app-mode .terminal .service-tile i{color:var(--bb-red)!important}
body.app-mode .terminal .client-banner{background:#fff0f0!important;border-color:#f0c5c6!important}
body.app-mode .terminal .client-banner small,body.app-mode .terminal .client-banner h3{color:#a9141a!important}
body.app-mode .terminal .client-banner button{background:var(--bb-red)!important;color:#fff!important}
body.app-mode .terminal .side-group>button.active{background:#fff0f0!important;border-color:#f0c5c6!important;color:#a9141a!important;box-shadow:inset 3px 0 var(--bb-red)!important}
body.app-mode .terminal .side-icon{color:var(--bb-red)!important}
body.app-mode .terminal .header-balance b,body.app-mode .terminal .profile-avatar{color:var(--bb-red)!important}
body.app-mode .terminal .client-form input,body.app-mode .terminal .client-form select,
body.app-mode .terminal .client-form textarea{background:#fff!important;color:#202124!important;border-color:#d7d7d7!important}
body.app-mode .terminal .deposit-qr{background:#fff!important}
@media(max-width:800px){.ai-feature-grid{grid-template-columns:1fr!important}.ai-feature-card{min-height:185px!important}.ai-showcase{padding:45px 20px!important}}
@media(prefers-reduced-motion:reduce){.ai-feature-card.is-visible{animation:none!important;opacity:1!important;transform:none!important}}


/* BIGBULLS modal system — XM-inspired red / white / charcoal */
.modal-backdrop{
 background:rgba(18,18,18,.76)!important;
 backdrop-filter:blur(5px);
 padding:18px!important;
}
.modal{
 width:min(100%,500px)!important;
 max-height:min(90vh,820px)!important;
 overflow-y:auto!important;
 background:#fff!important;
 color:#202124!important;
 border:1px solid #e5e5e5!important;
 border-top:5px solid var(--bb-red)!important;
 border-radius:9px!important;
 padding:30px!important;
 box-shadow:0 24px 90px #0005!important;
}
.modal h1,.modal h2,.modal h3,.modal h4,
#portal-body h1,#portal-body h2,#portal-body h3{
 color:#202124!important;
 font-family:"Roboto",Arial,sans-serif!important;
 font-weight:800!important;
 letter-spacing:-.025em;
}
.modal h2,#portal-body h2{font-size:27px!important;line-height:1.2;margin:8px 0 20px!important}
.modal .eyebrow,#portal-body>.eyebrow{color:var(--bb-red)!important;font-size:10px;font-weight:800;letter-spacing:.14em}
.modal p,.modal .muted,.modal .fine,#portal-body p{color:#62666d}
.modal label,#portal-body label{
 display:block;color:#34363a!important;font-size:12px!important;
 font-weight:700;margin:14px 0!important;
}
.modal input:not([type=checkbox]):not([type=radio]),
.modal select,.modal textarea,
#portal-body input:not([type=checkbox]):not([type=radio]),
#portal-body select,#portal-body textarea{
 display:block;width:100%;min-height:46px;margin-top:7px;padding:12px 13px!important;
 background:#fff!important;color:#202124!important;
 border:1px solid #d6d6d6!important;border-radius:5px!important;
 box-shadow:none!important;font:400 14px "Roboto",Arial,sans-serif!important;
}
.modal input::placeholder,#portal-body input::placeholder{color:#92969c!important}
.modal input:focus,.modal select:focus,.modal textarea:focus,
#portal-body input:focus,#portal-body select:focus,#portal-body textarea:focus{
 outline:0!important;border-color:var(--bb-red)!important;
 box-shadow:0 0 0 3px #e31e2418!important;
}
.modal input[type=file],#portal-body input[type=file]{
 min-height:auto;padding:10px!important;background:#fafafa!important;
 border:1px dashed #d2d2d2!important;
}
.modal input[type=checkbox],#portal-body input[type=checkbox]{
 accent-color:var(--bb-red);width:17px;height:17px;vertical-align:middle;
}
.modal .check-line,#portal-body .check-line{
 display:flex;align-items:center;gap:9px;color:#555!important;
 font-size:11px!important;font-weight:500!important;line-height:1.5;
}
.modal .check-line input,#portal-body .check-line input{flex:0 0 17px;margin:0}
.modal .portal-primary,#portal-body .portal-primary,
body.app-mode .modal .portal-primary{
 min-height:47px;margin-top:15px!important;padding:13px 18px!important;
 background:var(--bb-red)!important;color:#fff!important;
 border:1px solid var(--bb-red)!important;border-radius:5px!important;
 box-shadow:none!important;font:700 14px "Roboto",Arial,sans-serif!important;
 letter-spacing:.01em;transition:background .2s ease,transform .2s ease;
}
.modal .portal-primary:hover,#portal-body .portal-primary:hover{background:var(--bb-red-dark)!important}
.modal .portal-primary:disabled,#portal-body .portal-primary:disabled{
 background:#a9a9a9!important;border-color:#a9a9a9!important;color:#fff!important;cursor:not-allowed;
}
.modal .close,.modal .portal-close{
 top:12px!important;right:14px!important;width:34px;height:34px;
 display:grid;place-items:center;border-radius:50%!important;
 background:#f3f3f3!important;color:#4a4a4a!important;
 font-size:25px!important;line-height:1;border:0!important;
}
.modal .close:hover,.modal .portal-close:hover{background:#ffe8e8!important;color:var(--bb-red)!important}
.modal .copy-wallet,#portal-body .copy-wallet,
.modal button[data-copy-address],#portal-body button[data-copy-address]{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 min-height:39px;margin:9px 7px 0 0;padding:9px 13px!important;
 background:#fff!important;color:var(--bb-red)!important;
 border:1px solid #e5a3a5!important;border-radius:5px!important;
 font-size:12px!important;font-weight:700!important;
}
.modal .copy-wallet:hover,#portal-body .copy-wallet:hover,
.modal button[data-copy-address]:hover{background:#fff0f0!important}
.modal .notice,#portal-body .notice{
 padding:13px 14px!important;margin:14px 0!important;
 background:#fff7e8!important;color:#6d501e!important;
 border:1px solid #efd9ae!important;border-left:3px solid #d79a32!important;
 border-radius:5px!important;font-size:12px!important;line-height:1.6;
}
.modal .auth-message.error,#portal-body .auth-message.error{
 background:#fff0f0!important;color:#a9141a!important;
 border-color:#f0b9bb!important;border-left-color:var(--bb-red)!important;
}
.modal .wallet-box,.modal .wallet-address-card,#portal-body .wallet-address-card{
 margin:16px 0!important;padding:16px!important;
 background:#fafafa!important;color:#202124!important;
 border:1px solid #e5e5e5!important;border-radius:7px!important;
}
.modal .wallet-box small,.modal .wallet-address-card small,
#portal-body .wallet-address-card small{
 color:var(--bb-red)!important;font-size:10px!important;font-weight:800;letter-spacing:.1em;
}
.modal .wallet-box code,.modal .wallet-address-card code,
#portal-body .wallet-address-card code{
 display:block;margin:10px 0;padding:11px;background:#fff!important;
 color:#202124!important;border:1px solid #e5e5e5;border-radius:4px;
 overflow-wrap:anywhere;font-size:12px!important;
}
.modal .deposit-qr,#portal-body .deposit-qr{
 background:#fff!important;border:1px solid #e5e5e5!important;border-radius:6px!important;
}
.modal .steps b,#portal-body .steps b{
 background:#fff5f5!important;color:#343434!important;
 border:1px solid #f0d0d1;border-left:3px solid var(--bb-red);
}
.modal .trust,#portal-body .trust{color:#666!important}
.modal .trust span,#portal-body .trust span{
 background:#fafafa;border-color:#e5e5e5!important;color:#555!important;
}
.modal .form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal .form-two label{min-width:0}
.bb-financial-toast{
 position:fixed;right:20px;bottom:20px;z-index:10001;
 display:grid;gap:5px;max-width:min(92vw,380px);padding:15px 18px;
 background:#fff!important;color:#202124!important;
 border:1px solid #e4e4e4!important;border-left:4px solid var(--bb-red)!important;
 border-radius:6px!important;box-shadow:0 12px 35px #0002!important;
}
.bb-financial-toast b{color:var(--bb-red)!important;font-size:13px}
.bb-financial-toast span,.bb-financial-toast small{color:#62666d!important;font-size:11px}
@media(max-width:560px){
 .modal{padding:25px 18px!important;width:100%!important;max-height:88vh!important}
 .modal h2,#portal-body h2{font-size:23px!important;padding-right:25px}
 .modal .form-two{grid-template-columns:1fr;gap:0}
 .bb-financial-toast{right:12px;bottom:12px}
}


/* PERSONAL AREA LIGHT XM-INSPIRED NAV + PAGE SYSTEM */
body.app-mode{color-scheme:light!important;--bb-red:#e31e24;--bb-red-dark:#b9151b;--bb-red-soft:#fff0f0}
body.app-mode .terminal,
body.app-mode .terminal-main,
body.app-mode .terminal-sidebar,
body.app-mode .terminal-layout,
body.app-mode .terminal-page-head,
body.app-mode #client-page{background:#f5f5f5!important;color:#242424!important}
body.app-mode .terminal{font-family:"Roboto",Arial,sans-serif!important}
body.app-mode .terminal-head{
 background:#fff!important;color:#222!important;border-bottom:1px solid #e5e5e5!important;
 box-shadow:0 3px 16px #0000000b!important
}
body.app-mode .terminal-brand,body.app-mode .terminal-brand span{color:#222!important}
body.app-mode .terminal-brand b{color:var(--bb-red)!important}
body.app-mode .terminal-brand small{color:#777!important}
body.app-mode .header-balance small{color:#777!important;font-weight:700}
body.app-mode .header-balance b{color:#202124!important;font-weight:800}
body.app-mode .header-balance em{color:#777!important}
body.app-mode .header-icon-btn,body.app-mode .profile-trigger{
 background:#fff!important;color:#333!important;border:1px solid #e3e3e3!important;border-radius:6px!important
}
body.app-mode .profile-trigger b{color:#222!important}
body.app-mode .profile-trigger small{color:#777!important}
body.app-mode .profile-avatar{background:#fff0f0!important;color:var(--bb-red)!important;border:1px solid #f0c5c6!important}
body.app-mode .header-popover{
 background:#fff!important;color:#242424!important;border:1px solid #e4e4e4!important;
 box-shadow:0 14px 36px #00000018!important;border-radius:7px!important
}
body.app-mode .header-popover b,body.app-mode .header-popover p{color:#242424!important}
body.app-mode .header-popover small{color:#686868!important}
body.app-mode .header-popover button{background:#fff!important;color:#333!important;border-bottom:1px solid #eee!important}
body.app-mode .header-popover button:hover{background:#fff0f0!important;color:var(--bb-red)!important}

/* Sidebar: remove navy/black panels and make every label readable */
body.app-mode .terminal-sidebar{
 background:#fff!important;color:#343434!important;border-right:1px solid #e4e4e4!important;
 box-shadow:2px 0 14px #00000005!important
}
body.app-mode .terminal-sidebar .side-group{background:transparent!important;border:0!important}
body.app-mode .terminal-sidebar .side-group>small{
 color:#777!important;font-size:10px!important;font-weight:800!important;
 letter-spacing:.12em!important
}
body.app-mode .terminal-sidebar .side-group>button{
 display:flex!important;align-items:center!important;gap:11px!important;
 width:100%!important;min-height:49px!important;padding:9px 12px!important;
 margin:3px 0!important;background:#fff!important;color:#3d3d3d!important;
 border:1px solid transparent!important;border-radius:6px!important;
 text-align:left!important;box-shadow:none!important
}
body.app-mode .terminal-sidebar .side-group>button b{color:#343434!important;font-weight:700!important}
body.app-mode .terminal-sidebar .side-group>button em{color:#777!important;font-style:normal!important}
body.app-mode .terminal-sidebar .side-group>button .side-icon{
 color:#777!important;background:#f5f5f5!important;border-radius:5px!important;
 min-width:30px!important;min-height:30px!important;display:grid!important;place-items:center!important
}
body.app-mode .terminal-sidebar .side-group>button:hover{
 background:#fff5f5!important;border-color:#f4d0d1!important
}
body.app-mode .terminal-sidebar .side-group>button:hover b,
body.app-mode .terminal-sidebar .side-group>button:hover .side-icon{color:var(--bb-red)!important}
body.app-mode .terminal-sidebar .side-group>button.active{
 background:#fff0f0!important;border:1px solid #f0c5c6!important;
 color:#a9141a!important;box-shadow:inset 3px 0 var(--bb-red)!important
}
body.app-mode .terminal-sidebar .side-group>button.active b,
body.app-mode .terminal-sidebar .side-group>button.active em,
body.app-mode .terminal-sidebar .side-group>button.active .side-icon{color:#a9141a!important}
body.app-mode .terminal-sidebar .side-group>button i{
 color:#fff!important;background:var(--bb-red)!important;border-radius:3px!important;
 font-style:normal!important
}

/* Page titles, section headings and common copy */
body.app-mode .terminal-page-head{
 background:transparent!important;border-bottom:1px solid #e5e5e5!important
}
body.app-mode .terminal-page-head small,
body.app-mode .terminal .page-intro small,
body.app-mode .terminal .accounts-kicker{color:var(--bb-red)!important;font-weight:800!important}
body.app-mode .terminal-page-head h1,
body.app-mode .terminal-page-head h2,
body.app-mode .terminal-page-head h3,
body.app-mode .terminal h1,body.app-mode .terminal h2,
body.app-mode .terminal h3,body.app-mode .terminal h4,
body.app-mode .terminal h5{color:#242424!important;font-family:"Roboto",Arial,sans-serif!important}
body.app-mode .terminal p,body.app-mode .terminal .fine,
body.app-mode .terminal .muted,body.app-mode .terminal small{color:#686868}
body.app-mode .terminal .terminal-session{color:#5d5d5d!important}
body.app-mode .terminal .terminal-session i{background:#24a36b!important}

/* Standardise cards, expanded modules, market widgets and content panels */
body.app-mode .terminal .client-panel,
body.app-mode .terminal .client-stat,
body.app-mode .terminal .service-tile,
body.app-mode .terminal .bbx-section,
body.app-mode .terminal .bbx-card,
body.app-mode .terminal .bbx-metrics>div,
body.app-mode .terminal .bbx-steps li,
body.app-mode .terminal .bb-terminal-intro,
body.app-mode .terminal .bb-watchlist,
body.app-mode .terminal .bb-chart-panel,
body.app-mode .terminal .bb-order-panel,
body.app-mode .terminal .bb-terminal-features article,
body.app-mode .terminal .signal-head,
body.app-mode .terminal .bb-brain-summary article,
body.app-mode .terminal .bb-backtest-panel,
body.app-mode .terminal .learning-grid article,
body.app-mode .terminal .market-strip,
body.app-mode .terminal .market-table-wrap{
 background:#fff!important;color:#242424!important;border:1px solid #e5e5e5!important;
 border-radius:7px!important;box-shadow:0 5px 18px #00000008!important
}
body.app-mode .terminal .bbx-heading h3,
body.app-mode .terminal .bbx-card h4,
body.app-mode .terminal .bbx-metrics b,
body.app-mode .terminal .bbx-steps strong,
body.app-mode .terminal .bb-panel-title,
body.app-mode .terminal .bb-panel-title b,
body.app-mode .terminal .bb-chart-toolbar b,
body.app-mode .terminal .bb-terminal-features b,
body.app-mode .terminal .signal-head h3,
body.app-mode .terminal .learning-grid h3{color:#242424!important}
body.app-mode .terminal .bbx-heading small,
body.app-mode .terminal .bbx-card>small,
body.app-mode .terminal .bbx-metrics small{color:var(--bb-red)!important}
body.app-mode .terminal .bbx-card>span,
body.app-mode .terminal .bbx-steps li>b,
body.app-mode .terminal .bbx-steps em{color:var(--bb-red)!important}
body.app-mode .terminal .bbx-footnote,
body.app-mode .terminal .bbx-toast{color:#555!important}
body.app-mode .terminal .bbx-toast{background:#fff!important;border:1px solid #e5b7b8!important;border-left:4px solid var(--bb-red)!important}
body.app-mode .terminal .bbx-action-row label{color:#444!important}
body.app-mode .terminal .bbx-action-row select{
 background:#fff!important;color:#242424!important;border:1px solid #d7d7d7!important;border-radius:5px!important
}
body.app-mode .terminal .bbx-action-row button{
 background:var(--bb-red)!important;color:#fff!important;border-radius:5px!important
}
body.app-mode .terminal .bbx-state{background:#fff0f0!important;color:#a9141a!important;border-color:#efc2c3!important}
body.app-mode .terminal .bbx-empty{background:#fafafa!important;color:#555!important;border-color:#ddd!important}
body.app-mode .terminal .bbx-empty small{color:#777!important}

/* Tabs, filters, tables and chart workspace controls */
body.app-mode .terminal .wallet-actions,
body.app-mode .terminal .bb-account-tabs,
body.app-mode .terminal .bb-timeframes,
body.app-mode .terminal .bb-bottom-tabs,
body.app-mode .terminal .bb-watch-tabs{background:#f2f2f2!important;border-color:#e2e2e2!important}
body.app-mode .terminal .wallet-action,
body.app-mode .terminal .bb-account-tabs button,
body.app-mode .terminal .bb-timeframes button,
body.app-mode .terminal .bb-bottom-tabs button,
body.app-mode .terminal .bb-watch-tabs button,
body.app-mode .terminal .bb-chart-actions button{
 background:#fff!important;color:#555!important;border:1px solid #e1e1e1!important;border-radius:5px!important
}
body.app-mode .terminal .wallet-action.active,
body.app-mode .terminal .bb-account-tabs button.active,
body.app-mode .terminal .bb-timeframes button.active,
body.app-mode .terminal .bb-bottom-tabs button.active,
body.app-mode .terminal .bb-watch-tabs button.active{
 background:var(--bb-red)!important;color:#fff!important;border-color:var(--bb-red)!important
}
body.app-mode .terminal .bb-symbol-list button{
 background:#fff!important;color:#333!important;border-bottom:1px solid #eee!important
}
body.app-mode .terminal .bb-symbol-list button b{color:#242424!important}
body.app-mode .terminal .bb-symbol-list button small{color:#777!important}
body.app-mode .terminal .bb-symbol-list button.active{background:#fff0f0!important;border-left:3px solid var(--bb-red)!important}
body.app-mode .terminal .bb-symbol-list button.active b{color:#a9141a!important}
body.app-mode .terminal .market-table th{background:#f4f4f4!important;color:#555!important}
body.app-mode .terminal .market-table td{background:#fff!important;color:#333!important;border-color:#eee!important}
body.app-mode .terminal .market-table td b{color:#222!important}
body.app-mode .terminal .bb-timeframes button:hover,
body.app-mode .terminal .bb-chart-actions button:hover{border-color:#e6a4a6!important;color:var(--bb-red)!important}

/* Forms, account cards, status chips, notices and secondary actions */
body.app-mode .terminal .client-form label,
body.app-mode .terminal label{color:#444!important}
body.app-mode .terminal input:not([type=checkbox]):not([type=radio]),
body.app-mode .terminal select,body.app-mode .terminal textarea{
 background:#fff!important;color:#242424!important;border:1px solid #d7d7d7!important
}
body.app-mode .terminal input::placeholder,
body.app-mode .terminal textarea::placeholder{color:#929292!important}
body.app-mode .terminal .portal-secondary,
body.app-mode .terminal .portal-secondary:visited{
 background:#fff!important;color:var(--bb-red)!important;border:1px solid #e4a5a7!important
}
body.app-mode .terminal .notice,
body.app-mode .terminal .client-banner{
 background:#fff5f5!important;color:#5d3b3c!important;border:1px solid #f0d0d1!important
}
body.app-mode .terminal .notice p,
body.app-mode .terminal .client-banner p{color:#6b5555!important}
body.app-mode .terminal .free-tag,
body.app-mode .terminal .accounts-kicker,
body.app-mode .terminal .feed-badge{color:var(--bb-red)!important}
body.app-mode .terminal .client-status{background:#fff0f0!important;color:#a9141a!important;border-color:#efc4c5!important}
body.app-mode .terminal .terminal-footer{
 background:#fff!important;color:#555!important;border-top:1px solid #e5e5e5!important
}
body.app-mode .terminal .terminal-footer button{
 background:var(--bb-red)!important;color:#fff!important;border:1px solid var(--bb-red)!important;border-radius:5px!important
}
@media(max-width:900px){
 body.app-mode .terminal-sidebar{background:#fff!important}
 body.app-mode .terminal-sidebar .side-group>button{min-height:45px!important}
}
@media(prefers-reduced-motion:reduce){
 body.app-mode .terminal *{scroll-behavior:auto!important;transition:none!important}
}


/* FINAL AUTH + DEPOSIT / WITHDRAWAL POPUP POLISH — XM-inspired red & white */
#portal-modal.modal-backdrop{
 background:rgba(25,25,25,.62)!important;
 backdrop-filter:blur(4px)!important;
}
#portal-modal .modal,
#portal-modal .modal:before{
 background:#fff!important;
}
#portal-modal .modal{
 color:#262626!important;border:1px solid #e6e6e6!important;
 border-top:5px solid #e31e24!important;border-radius:8px!important;
 box-shadow:0 22px 70px rgba(0,0,0,.22)!important;
}
#portal-modal #portal-body{
 background:#fff!important;color:#262626!important;
}
#portal-modal #portal-body *{color-scheme:light}
#portal-modal #portal-body h1,
#portal-modal #portal-body h2,
#portal-modal #portal-body h3,
#portal-modal #portal-body h4{
 color:#242424!important;font-family:"Roboto",Arial,sans-serif!important;
 font-weight:800!important;letter-spacing:-.025em!important
}
#portal-modal #portal-body h2{
 font-size:27px!important;line-height:1.22!important;margin:8px 0 20px!important
}
#portal-modal #portal-body .eyebrow{
 display:block!important;color:#e31e24!important;
 font-size:10px!important;font-weight:800!important;letter-spacing:.13em!important
}
#portal-modal #portal-body p,
#portal-modal #portal-body .fine,
#portal-modal #portal-body .muted{
 color:#686868!important
}
#portal-modal #portal-body label{
 display:block!important;color:#414141!important;
 font-size:12px!important;font-weight:700!important;margin:13px 0!important
}
#portal-modal #portal-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
#portal-modal #portal-body select,
#portal-modal #portal-body textarea{
 display:block!important;width:100%!important;min-height:47px!important;
 margin-top:7px!important;padding:12px 13px!important;
 background:#fff!important;color:#252525!important;
 border:1px solid #d5d5d5!important;border-radius:4px!important;
 box-shadow:none!important;font:400 14px "Roboto",Arial,sans-serif!important;
}
#portal-modal #portal-body input::placeholder,
#portal-modal #portal-body textarea::placeholder{color:#969696!important;opacity:1!important}
#portal-modal #portal-body input:focus,
#portal-modal #portal-body select:focus,
#portal-modal #portal-body textarea:focus{
 outline:none!important;border-color:#e31e24!important;
 box-shadow:0 0 0 3px rgba(227,30,36,.12)!important
}
#portal-modal #portal-body input[type=file]{
 background:#fafafa!important;color:#444!important;
 border:1px dashed #d2d2d2!important;padding:10px!important
}
#portal-modal #portal-body input[type=checkbox]{accent-color:#e31e24!important}
#portal-modal #portal-body .check-line{
 display:flex!important;align-items:center!important;gap:9px!important;
 color:#555!important;font-size:11px!important;line-height:1.5!important
}
#portal-modal #portal-body .check-line input{width:17px!important;min-height:17px!important;margin:0!important;flex:0 0 17px!important}
#portal-modal #portal-body .portal-primary,
#portal-modal #portal-body button.portal-primary{
 width:100%!important;min-height:48px!important;margin-top:15px!important;
 padding:13px 18px!important;background:#e31e24!important;color:#fff!important;
 border:1px solid #e31e24!important;border-radius:4px!important;
 box-shadow:none!important;font:700 14px "Roboto",Arial,sans-serif!important;
 letter-spacing:.01em!important
}
#portal-modal #portal-body .portal-primary:hover{
 background:#bd171d!important;border-color:#bd171d!important
}
#portal-modal #portal-body .portal-primary:disabled{
 background:#bdbdbd!important;border-color:#bdbdbd!important;color:#fff!important
}
#portal-modal .close,
#portal-modal .portal-close{
 background:#f3f3f3!important;color:#555!important;
 border:0!important;border-radius:50%!important
}
#portal-modal .close:hover,
#portal-modal .portal-close:hover{
 background:#fff0f0!important;color:#e31e24!important
}
#portal-modal #portal-body .copy-wallet,
#portal-modal #portal-body button.copy-wallet,
#portal-modal #portal-body button[data-copy-address],
#portal-modal #portal-body button[data-auth-view]{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:40px!important;margin:10px 7px 0 0!important;padding:10px 14px!important;
 background:#fff!important;color:#d51d23!important;
 border:1px solid #e3a5a7!important;border-radius:4px!important;
 font:700 12px "Roboto",Arial,sans-serif!important
}
#portal-modal #portal-body .copy-wallet:hover,
#portal-modal #portal-body button[data-copy-address]:hover,
#portal-modal #portal-body button[data-auth-view]:hover{
 background:#fff0f0!important;border-color:#e31e24!important
}
#portal-modal #portal-body .notice,
#portal-modal #portal-body .auth-message{
 background:#fff6f6!important;color:#654244!important;
 border:1px solid #f0d0d1!important;border-left:3px solid #e31e24!important;
 border-radius:4px!important;padding:13px 14px!important;
 font-size:12px!important;line-height:1.6!important
}
#portal-modal #portal-body .notice *,
#portal-modal #portal-body .auth-message *{color:inherit!important}
#portal-modal #portal-body .auth-message.error{
 background:#fff0f0!important;color:#a9141a!important;
 border-color:#efbfc1!important;border-left-color:#e31e24!important
}
#portal-modal #portal-body .wallet-address-card,
#portal-modal #portal-body .wallet-box{
 background:#fafafa!important;color:#262626!important;
 border:1px solid #e5e5e5!important;border-radius:5px!important;padding:16px!important
}
#portal-modal #portal-body .wallet-address-card small,
#portal-modal #portal-body .wallet-box small{
 color:#e31e24!important;font-size:10px!important;font-weight:800!important;letter-spacing:.1em!important
}
#portal-modal #portal-body .wallet-address-card code,
#portal-modal #portal-body .wallet-box code{
 display:block!important;background:#fff!important;color:#303030!important;
 border:1px solid #e5e5e5!important;border-radius:4px!important;
 padding:12px!important;overflow-wrap:anywhere!important
}
#portal-modal #portal-body .deposit-qr{
 display:grid!important;place-items:center!important;
 background:#fff!important;border:1px solid #e5e5e5!important;border-radius:4px!important
}
#portal-modal #portal-body .empty-state{
 background:#fafafa!important;color:#555!important;
 border:1px solid #e5e5e5!important;border-radius:5px!important;padding:18px!important
}
#portal-modal #portal-body .empty-state *{color:#555!important}
#portal-modal #portal-body .form-two{gap:12px!important}
#portal-modal #portal-body .form-two label{min-width:0!important}
#portal-modal #portal-body .steps b{
 background:#fff5f5!important;color:#3c3c3c!important;
 border:1px solid #f0d0d1!important;border-left:3px solid #e31e24!important
}
#portal-modal #portal-body .trust,
#portal-modal #portal-body .trust span{color:#666!important}
#portal-modal #portal-body .trust span{
 background:#fafafa!important;border:1px solid #e5e5e5!important
}
@media(max-width:560px){
 #portal-modal.modal-backdrop{padding:12px!important}
 #portal-modal .modal{width:100%!important;max-height:90vh!important;padding:25px 18px!important}
 #portal-modal #portal-body h2{font-size:24px!important;padding-right:28px!important}
 #portal-modal #portal-body .form-two{grid-template-columns:1fr!important;gap:0!important}
}


/* SITE-WIDE LEGIBILITY PASS — stronger black typography on light surfaces */
:root{--bb-ink:#080808;--bb-muted:#3f3f3f;--bb-text-strong:#050505;--bb-text-body:#242424}
body{color:#090909!important}
body:not(.app-mode) .site-header,body:not(.app-mode) .ticker,
body:not(.app-mode) .cards article,body:not(.app-mode) .account-cards article,
body:not(.app-mode) .payment-cards article,body:not(.app-mode) .feature-grid article,
body:not(.app-mode) .ai-feature-card,body:not(.app-mode) .pricecard,
body:not(.app-mode) .price-card,body:not(.app-mode) .lockcard,
body:not(.app-mode) .bbx-card,body:not(.app-mode) .ai-showcase{color:#080808!important}
body:not(.app-mode) .cards article h1,body:not(.app-mode) .cards article h2,
body:not(.app-mode) .cards article h3,body:not(.app-mode) .cards article h4,
body:not(.app-mode) .account-cards article h1,body:not(.app-mode) .account-cards article h2,
body:not(.app-mode) .account-cards article h3,body:not(.app-mode) .account-cards article h4,
body:not(.app-mode) .payment-cards article h1,body:not(.app-mode) .payment-cards article h2,
body:not(.app-mode) .payment-cards article h3,body:not(.app-mode) .payment-cards article h4,
body:not(.app-mode) .feature-grid article h1,body:not(.app-mode) .feature-grid article h2,
body:not(.app-mode) .feature-grid article h3,body:not(.app-mode) .feature-grid article h4,
body:not(.app-mode) .ai-feature-card h1,body:not(.app-mode) .ai-feature-card h2,
body:not(.app-mode) .ai-feature-card h3,body:not(.app-mode) .ai-feature-card h4,
body:not(.app-mode) .pricecard h1,body:not(.app-mode) .pricecard h2,
body:not(.app-mode) .pricecard h3,body:not(.app-mode) .pricecard h4,
body:not(.app-mode) .price-card h1,body:not(.app-mode) .price-card h2,
body:not(.app-mode) .price-card h3,body:not(.app-mode) .price-card h4,
body:not(.app-mode) .section h1,body:not(.app-mode) .section h2,
body:not(.app-mode) .section h3,body:not(.app-mode) .section h4{
 color:#050505!important;font-weight:900!important}
body:not(.app-mode) .cards article p,body:not(.app-mode) .account-cards article p,
body:not(.app-mode) .payment-cards article p,body:not(.app-mode) .feature-grid article p,
body:not(.app-mode) .ai-feature-card p,body:not(.app-mode) .pricecard p,
body:not(.app-mode) .price-card p,body:not(.app-mode) .section .lead,
body:not(.app-mode) .ai-showcase-head p{color:#303030!important;font-weight:500}
body:not(.app-mode) .cards article small,body:not(.app-mode) .account-cards article>span,
body:not(.app-mode) .payment-cards article small,body:not(.app-mode) .feature-grid small,
body:not(.app-mode) .ai-feature-card small{color:#a20e18!important;font-weight:900!important}
body:not(.app-mode) .site-header .main-nav,body:not(.app-mode) .site-header .main-nav a,
body:not(.app-mode) .site-header .navbtn,body:not(.app-mode) .ticker{color:#111!important;font-weight:700}
body:not(.app-mode) input,body:not(.app-mode) select,body:not(.app-mode) textarea{color:#080808!important;font-weight:600}
body.app-mode .terminal,body.app-mode .terminal-main,body.app-mode .terminal-page-head,
body.app-mode .terminal .client-stat,body.app-mode .terminal .client-panel,
body.app-mode .terminal .service-tile,body.app-mode .terminal .bb-account-card,
body.app-mode .terminal .bb-account-tools{color:#080808!important}
body.app-mode .terminal .client-stat b,body.app-mode .terminal .client-panel h1,
body.app-mode .terminal .client-panel h2,body.app-mode .terminal .client-panel h3,
body.app-mode .terminal .client-panel h4,body.app-mode .terminal .service-tile b,
body.app-mode .terminal-page-head h1,body.app-mode .terminal-page-head h2,
body.app-mode .terminal-page-head h3{color:#050505!important;font-weight:900!important}
body.app-mode .terminal .client-stat small,body.app-mode .terminal .client-stat span,
body.app-mode .terminal .client-panel p,body.app-mode .terminal .service-tile p,
body.app-mode .terminal .bb-account-card p,body.app-mode .terminal .bb-account-tools p{
 color:#303030!important;font-weight:500}
body.app-mode .terminal label,body.app-mode .terminal input,
body.app-mode .terminal select,body.app-mode .terminal textarea{color:#080808!important;font-weight:600}
body.app-mode .terminal button,body:not(.app-mode) button{font-weight:800}
/* Keep deliberate dark hero, trading and course panels untouched. */