body.brand-artemtrade {
    --primary: #296dc5;
    --primary-darker: #17549f;
    --secondary: #207348;
    --accent: #296dc5;
    --green: #168047;
    --red: #c93843;
    --background-primary: #fff;
    --background-secondary: #f3f6f9;
    --surface: #fff;
    --surface-soft: #f5f8fb;
    --background-grey: #f5f8fb;
    --border-color: #dce5ee;
    --text-primary: #142d52;
    --text-muted: #63758d;
    --white: #fff;
    --grey: #63758d;
    --black: #142d52;
    margin: 0;
    background: #fff;
    color: #142d52;
    font: 16px/1.5 "Roboto", Arial, sans-serif;
    letter-spacing: 0;
}
.brand-artemtrade *, .brand-artemtrade *::before, .brand-artemtrade *::after { box-sizing: border-box; letter-spacing: 0; }
.brand-artemtrade [hidden] { display: none !important; }
.brand-artemtrade a { color: var(--primary); }
.brand-artemtrade a:hover { color: var(--primary-darker); }
.brand-artemtrade button, .brand-artemtrade input { font: inherit; }
.brand-artemtrade :focus-visible { outline: 3px solid #296dc5; outline-offset: 4px; }
.brand-artemtrade h1, .brand-artemtrade h2, .brand-artemtrade h3, .brand-artemtrade p { margin: 0; }
.brand-artemtrade h1, .brand-artemtrade h2 { font-family: Georgia, "Times New Roman", serif; color: #142d52; font-weight: 400; }
.artem-skip { position: absolute; top: -60px; left: 16px; z-index: 1000; padding: 10px; background: #fff; }
.artem-skip:focus { top: 8px; }
.artem-header { height: 56px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 28px; position: relative; border-bottom: 1px solid #e4ebf2; background: #fff; z-index: 50; }
.artem-header .artem-login { color: #142d52; display: inline-flex; gap: 15px; align-items: center; justify-self: start; min-height: 44px; font-size: 14px; }
.artem-login i { font-size: 21px; }
.artem-wordmark { display: flex; align-items: center; width: 250px; height: 44px; min-width: 0; }
.artem-wordmark img { width: 100%; height: 38px; object-fit: cover; }
.artem-header-tools { display: flex; align-items: center; justify-self: end; gap: 24px; }
.artem-languages { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.artem-languages > span { color: #8fa1b6; }
.artem-languages button { border: 0; padding: 8px 2px; background: none; color: #142d52; min-height: 44px; }
.artem-languages button[aria-pressed="true"] { color: #296dc5; font-weight: 700; }
.artem-icon-button { border: 0; display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 4px; background: none; color: #142d52; flex-shrink: 0; }
.artem-icon-button:hover { background: #eef4fb; }
.artem-icon-button i { font-size: 20px; }
.artem-menu { position: absolute; right: 24px; top: calc(100% - 1px); display: flex; flex-direction: column; width: min(300px, calc(100vw - 32px)); background: #fff; border: 1px solid #dce5ee; box-shadow: 0 12px 30px #142d5214; padding: 12px; }
.artem-menu a { display: block; padding: 14px; color: #142d52; }
.artem-menu a:hover { background: #f1f6fc; }
.artem-menu .artem-menu-create { color: #296dc5; border-top: 1px solid #dce5ee; font-weight: 600; }
.artem-hero { position: relative; width: 100%; aspect-ratio: 2.74; min-height: 390px; max-height: 590px; display: flex; align-items: center; overflow: hidden; }
.artem-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.artem-hero-media { position: absolute; inset: 0; }
.artem-hero-copy { position: relative; width: 50%; max-width: 650px; padding: 28px 0 54px 7.5%; }
.artem-eyebrow { font-size: 12px; color: #49627f; }
.artem-hero h1 { font-size: 72px; font-weight: 500; line-height: 1.08; margin: 16px 0 4px; }
.artem-hero-heading { max-width: 400px; font-family: Georgia, "Times New Roman", serif; font-size: 40px; line-height: 1.14; }
.artem-hero-description { max-width: 380px; font-size: 17px; line-height: 1.5; margin-top: 16px !important; }
.artem-action-bar { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 5px 28px; border-bottom: 1px solid #dce5ee; }
.artem-action-bar nav { display: flex; align-items: center; gap: 44px; }
.artem-action-bar nav a { color: #142d52; min-height: 44px; display: flex; align-items: center; font-family: Georgia, "Times New Roman", serif; font-size: 17px; }
.artem-action-bar nav i { display: none; }
.artem-action-bar .artem-mobile-link { display: none; }
.brand-artemtrade .artem-primary { min-height: 48px; padding: 12px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; background: #296dc5; color: #fff; border: 1px solid #296dc5; border-radius: 5px; font: 500 15px/1.4 "Roboto", Arial, sans-serif; text-align: center; }
.brand-artemtrade .artem-primary:hover { color: #fff; background: #17549f; }
.artem-markets { padding: 20px 28px 24px; scroll-margin-top: 16px; }
.artem-market-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.artem-market-group + .artem-market-group { border-left: 1px solid #dce5ee; padding-left: 28px; }
.artem-section-title { display: flex; align-items: center; justify-content: space-between; min-height: 40px; margin-bottom: 8px; gap: 10px; }
.artem-section-title h2 { font-size: 25px; }
.artem-text-button { background: none; border: 0; padding: 10px 0 10px 8px; color: #296dc5; font-size: 13px !important; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 40px; white-space: nowrap; }
.artem-text-button:hover { text-decoration: underline; }
.artem-quotes { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 14px; font-variant-numeric: tabular-nums; }
.artem-col-symbol { width: 28%; }
.artem-col-price { width: 26%; }
.artem-col-change { width: 24%; }
.artem-col-trend { width: 22%; }
.artem-quotes th { color: #596f8c; font-size: 11px; font-weight: 400; padding: 10px 8px; border-top: 1px solid #dce5ee; text-transform: uppercase; }
.artem-quotes th:nth-child(1) { width: 28%; }
.artem-quotes th:nth-child(2) { width: 26%; }
.artem-quotes th:nth-child(3) { width: 24%; }
.artem-quotes th:nth-child(4) { width: 22%; }
.artem-quotes td { height: 46px; padding: 8px; border-top: 1px solid #e3ebf3; white-space: nowrap; }
.artem-quotes tr:last-child td { border-bottom: 1px solid #e3ebf3; }
.artem-quotes td:nth-child(2), .artem-quotes th:nth-child(2) { text-align: right; }
.artem-quotes td:nth-child(3), .artem-quotes th:nth-child(3) { text-align: right; }
.artem-quotes .artem-symbol { display: flex; align-items: center; gap: 9px; color: #142d52; font-size: 13px; min-width: 0; }
.artem-symbol img { width: 27px; height: 27px; object-fit: contain; flex-shrink: 0; border-radius: 50%; }
.artem-symbol i { width: 27px; color: #296dc5; font-size: 22px; text-align: center; }
.artem-symbol span { overflow: hidden; text-overflow: ellipsis; }
.artem-quotes td.positive { color: #168047; }
.artem-quotes td.negative { color: #c93843; }
.artem-change-icon { font-size: 9px; margin-right: 5px; }
.artem-sparkline { position: relative; height: 28px; width: 100%; }
.artem-sparkline canvas { width: 100% !important; height: 28px !important; }
.artem-sparkline small { color: #8b99aa; font-size: 11px; }
.artem-quote-state { color: #63758d; height: 164px !important; text-align: center; white-space: normal !important; }
.artem-market-note { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; min-height: 26px; color: #63758d; font-size: 12px; }
.artem-risk-note { color: #63758d; font-size: 12px; }
.artem-get-started { display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; padding: 56px 7.5%; background: #f4f7fb; border-block: 1px solid #e3ebf3; }
.artem-get-started h2 { font-size: 34px; margin-top: 12px; max-width: 330px; }
.artem-get-started ol { margin: 0; padding: 0; list-style: none; }
.artem-get-started li { display: flex; align-items: baseline; gap: 20px; padding: 18px 0; border-bottom: 1px solid #dce5ee; }
.artem-get-started li:first-child { padding-top: 0; }
.artem-get-started li:last-child { border: 0; padding-bottom: 0; }
.artem-get-started li > span { color: #296dc5; font-size: 13px; }
.artem-get-started h3 { font-size: 17px; font-weight: 500; }
.artem-get-started li p { color: #63758d; font-size: 14px; margin-top: 5px; }
.artem-support { padding: 36px 7.5%; display: flex; gap: 36px; align-items: center; flex-wrap: wrap; }
.artem-support > div { display: flex; align-items: center; gap: 16px; margin-right: auto; }
.artem-support h2 { font-size: 24px; }
.artem-support i { font-size: 24px; color: #296dc5; }
.artem-support a { font-size: 14px; min-height: 44px; display: inline-flex; align-items: center; }
.artem-footer { padding: 26px 36px; border-top: 1px solid #e3ebf3; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.artem-footer .artem-footer-brand { color: #142d52; font-family: Georgia, serif; font-size: 24px; margin-right: auto; }
.artem-footer nav { display: flex; flex-wrap: wrap; gap: 24px; font-size: 12px; }
.artem-footer small { font-size: 12px; color: #63758d; }
.artem-auth { max-width: 490px; margin: 0 auto; padding: 36px 24px 70px; min-height: calc(100vh - 170px); }
.artem-back { display: flex; gap: 12px; align-items: center; font-size: 13px; min-height: 44px; }
.artem-auth-heading { padding: 30px 0 28px; }
.artem-auth h1 { font-size: 38px; line-height: 1.2; margin-top: 9px; }
.artem-auth .input-holder { margin-bottom: 22px; }
.brand-artemtrade .artem-auth .input-holder > label { color: #142d52; display: block; font-size: 14px; margin-bottom: 7px; }
.artem-auth .form-control { border: 1px solid #c5d2e0; height: 48px; background: #fff; color: #142d52; border-radius: 4px; font-size: 16px; }
.artem-auth small { color: #63758d; font-size: 12px; }
.artem-password-field { position: relative; }
.artem-password-field .form-control { padding-right: 48px; }
.artem-password-field .artem-icon-button { position: absolute; top: 2px; right: 2px; }
.artem-auth-form > .artem-primary { width: 100%; margin-top: 6px; }
.artem-auth-switch { text-align: center; font-size: 14px; margin-top: 26px !important; color: #63758d; }
.artem-auth-switch a { margin-left: 8px; }
.artem-auth-error { background: #fff2f2; color: #a82131; border-left: 3px solid #c93843; padding: 12px; margin-bottom: 20px; font-size: 14px; }
.brand-artemtrade .validationMessage { color: #a82131; font-size: 12px; }

/* Artem keeps the existing account workflows inside a separate, light shell. */
.brand-artemtrade .customer-body { margin-left: 0; padding-top: 0; background: #f5f8fb; }
.brand-artemtrade .customer-content { max-width: 1440px; padding: 28px 36px; }
.artem-account-header { background: #fff; border-bottom: 1px solid #dce5ee; padding: 16px 36px; display: flex; gap: 32px; align-items: center; }
.artem-account-header .artem-wordmark { width: 205px; }
.artem-account-header .artem-wordmark img { height: 28px; }
.artem-account-nav { display: flex; gap: 6px; margin: 0 auto; }
.artem-account-nav a { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; padding: 10px 12px; border-radius: 4px; color: #49627f; }
.artem-account-nav a.active { color: #296dc5; background: #eaf2fc; }
.brand-artemtrade .dashboard-quick-stats, .brand-artemtrade .card { background: #fff; border-color: #dce5ee; color: #142d52; border-radius: 6px; }
.brand-artemtrade .customer-body .footer { background: #fff; color: #63758d; }
.brand-artemtrade .footer img, .brand-artemtrade .sidebar-logo img, .brand-artemtrade .navbar-brand img { object-fit: cover; width: 175px; height: 24px; }
.brand-artemtrade .shared-readonly-note { background: #eef4fb; color: #142d52; border-color: #dce5ee; flex-wrap: wrap; gap: 12px; }

/* Existing customer pages contain dark-theme !important rules; keep Artem isolated. */
body.brand-artemtrade .customer-body { color: #142d52; }
body.brand-artemtrade .customer-body :is(.customer-panel, .investment-card, .dashboard-quick-stats, .card, .featured-investment-panel, .market-terminal-panel, .featured-metric-card, .market-quote-row, .customer-header-meta, .wallet-transaction-row, .wallet-remarks, .empty-state, .order-info-holder, .modal-container) {
    background: #fff !important; color: #142d52 !important; border-color: #dce5ee !important; box-shadow: none !important; backdrop-filter: none;
}
body.brand-artemtrade .customer-body :is(.investment-detail-grid, .investment-details-holder, .investment-modal-summary) > div { background: #f5f8fb !important; color: #142d52 !important; border-color: #dce5ee !important; }
body.brand-artemtrade .customer-body :is(h1, h2, h3, strong, .wallet-transaction-amount, .dashboard-quick-stats-value, .market-row span) { color: #142d52 !important; }
body.brand-artemtrade .customer-body .customer-page-header h1 { font-size: 32px; line-height: 1.2; font-weight: 400; }
body.brand-artemtrade .customer-body :is(small, .eyebrow, .section-kicker, .secondary-text, .customer-header-meta, .account-status-block, .withdraw-limit-text, .row-metric, .market-terminal-header span, .wallet-stat span, .featured-metric-card span, .wallet-hero-main p) { color: #63758d !important; }
body.brand-artemtrade .customer-body :is(.investment-detail-grid, .investment-details-holder, .investment-modal-summary) span { color: #63758d !important; }
body.brand-artemtrade .customer-body .dashboard-quick-stats > span:not(.dashboard-quick-stats-value) { color: #63758d !important; }
body.brand-artemtrade .customer-body :is(.panel-header a, .timeline-row a, .market-terminal-header a, .wallet-balance-toggle) { color: #296dc5 !important; }
body.brand-artemtrade .customer-body :is(.form-control, .form-select, .card-header, .card-body, .card-footer) { background: #fff !important; color: #142d52 !important; border-color: #c5d2e0; }
body.brand-artemtrade .customer-body :is(.wallet-filter-tabs, .market-live-strip, .market-empty-state, .market-symbol-pill) { background: #f0f5fb !important; color: #49627f !important; border-color: #dce5ee !important; }
body.brand-artemtrade .customer-body .wallet-filter-tabs button { color: #49627f !important; }
body.brand-artemtrade .customer-body .wallet-filter-tabs button.active { background: #e2edfb !important; color: #17549f !important; }
body.brand-artemtrade .customer-body :is(.green-text, .positive, .tick-up) { color: #168047 !important; }
body.brand-artemtrade .customer-body :is(.red-text, .negative, .tick-down) { color: #c93843 !important; }
body.brand-artemtrade .customer-body .green-status { background: #e9f6ef !important; color: #167343 !important; }
body.brand-artemtrade .customer-body .yellow-status { background: #fff7db !important; color: #875c08 !important; }
body.brand-artemtrade .customer-body .red-status { background: #fff0f1 !important; color: #b62637 !important; }
body.brand-artemtrade .customer-body .primary-button { background: #296dc5 !important; color: #fff !important; }

@media (min-width: 1600px) {
    .artem-hero-copy { max-width: 780px; padding-left: max(7.5%, calc((100% - 1440px) / 2)); }
    .artem-action-bar, .artem-markets { padding-left: max(36px, calc((100% - 1440px) / 2)); padding-right: max(36px, calc((100% - 1440px) / 2)); }
}
@media (max-width: 1100px) {
    .artem-hero h1 { font-size: 58px; }
    .artem-hero-heading { font-size: 32px; }
    .artem-hero-description { font-size: 15px; max-width: 340px; }
    .artem-hero-copy { padding-left: 6%; }
    .artem-header { padding: 0 24px; }
    .artem-action-bar, .artem-markets { padding-left: 24px; padding-right: 24px; }
    .artem-quotes th:nth-child(1) { width: 30%; }
    .artem-quotes th:nth-child(2) { width: 29%; }
    .artem-quotes th:nth-child(3) { width: 25%; }
    .artem-quotes th:nth-child(4) { width: 16%; }
    .artem-quotes td, .artem-quotes th { padding-left: 5px; padding-right: 5px; font-size: 12px; }
    .artem-quotes th { font-size: 9px; }
    .artem-symbol img { width: 22px; height: 22px; }
    .artem-quotes .artem-symbol { gap: 5px; font-size: 12px; }
    .artem-market-columns { gap: 20px; }
    .artem-market-group + .artem-market-group { padding-left: 20px; }
    .artem-account-header { flex-wrap: wrap; gap: 12px; padding: 14px 24px; }
    .artem-account-nav { order: 3; width: 100%; justify-content: center; }
    .artem-account-header > .artem-icon-button { margin-left: auto; }
}
@media (max-width: 760px) {
    .artem-header { height: 56px; padding: 0 16px; grid-template-columns: 64px minmax(0, 1fr) 90px; }
    .artem-header .artem-login { font-size: 11px; gap: 6px; }
    .artem-login i { font-size: 17px; }
    .artem-wordmark { width: 100%; max-width: 140px; justify-self: center; }
    .artem-wordmark img { height: 20px; }
    .artem-header-tools { gap: 0; }
    .artem-languages { font-size: 10px; gap: 3px; }
    .artem-header-tools .artem-icon-button { width: 36px; }
    .artem-hero { aspect-ratio: auto; min-height: 0; height: 320px; }
    .artem-hero-image { object-position: 50% 30%; }
    .artem-hero-copy { align-self: flex-start; width: 59%; padding: 28px 0 0 22px; }
    .artem-hero .artem-eyebrow { display: none; }
    .artem-hero h1 { font-size: 38px; margin: 0 0 5px; }
    .artem-hero-heading { font-size: 29px; line-height: 1.08; }
    .artem-hero-description { font-size: 13px; line-height: 1.4; margin-top: 14px !important; max-width: 205px; }
    .artem-action-bar { display: flex; flex-direction: column-reverse; gap: 6px; padding: 10px 16px 0; }
    .artem-action-bar .artem-primary { width: 100%; min-height: 44px; padding: 10px 20px; }
    .artem-action-bar nav { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
    .artem-action-bar nav a { padding: 12px 0; font-family: "Roboto", Arial, sans-serif; font-size: 13px; flex-direction: column; gap: 6px; }
    .artem-action-bar nav a:first-child { color: #296dc5; border-bottom: 2px solid #296dc5; }
    .artem-action-bar nav i { display: block; font-size: 21px; }
    .artem-action-bar .artem-desktop-link { display: none; }
    .artem-action-bar .artem-mobile-link { display: flex; }
    .artem-markets { padding: 12px 16px 20px; }
    .artem-market-columns { display: block; }
    .artem-market-group + .artem-market-group { border: 0; padding: 0; margin-top: 10px; }
    .artem-section-title { margin-bottom: 0; min-height: 36px; }
    .artem-section-title h2 { font-size: 18px; font-weight: 600; }
    .artem-quotes thead { position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; overflow: hidden; }
    .artem-quotes td { height: 40px; padding: 6px 4px; }
    .artem-quotes td:nth-child(1) { width: 28%; }
    .artem-quotes td:nth-child(2) { width: 29%; }
    .artem-quotes td:nth-child(3) { width: 25%; }
    .artem-quotes td:nth-child(4) { width: 18%; }
    .artem-col-symbol { width: 29%; }
    .artem-col-price { width: 28%; }
    .artem-col-change { width: 24%; }
    .artem-col-trend { width: 19%; }
    .artem-sparkline { height: 22px; }
    .artem-sparkline canvas { height: 22px !important; }
    .artem-get-started { display: block; padding: 32px 22px; }
    .artem-get-started h2 { font-size: 29px; }
    .artem-get-started ol { margin-top: 28px; }
    .artem-support { padding: 28px 22px; gap: 12px 24px; }
    .artem-support > div { width: 100%; }
    .artem-support h2 { font-size: 23px; }
    .artem-footer { padding: 24px 22px; gap: 18px; }
    .artem-footer nav { width: 100%; order: 3; }
    .artem-auth { padding: 20px 24px 50px; }
    .artem-auth h1 { font-size: 32px; }
    .artem-account-nav { gap: 0; justify-content: space-between; }
    .artem-account-nav a { padding: 10px 4px; flex-direction: column; font-size: 11px; gap: 6px; }
    .brand-artemtrade .customer-content { padding: 18px 16px; }
}
@media (max-width: 380px) {
    .artem-header { padding: 0 10px; grid-template-columns: 59px minmax(0, 1fr) 82px; }
    .artem-header .artem-wordmark img { height: 19px; }
    .artem-header-tools .artem-icon-button { width: 30px; }
    .artem-hero { height: 276px; }
    .artem-hero-copy { padding-left: 18px; width: 61%; }
    .artem-hero h1 { font-size: 32px; }
    .artem-hero-heading { font-size: 26px; }
    .artem-hero-description { max-width: 168px; font-size: 12px; }
    .artem-quotes th:nth-child(1) { width: 28%; }
    .artem-quotes th:nth-child(2) { width: 31%; }
    .artem-quotes th:nth-child(3) { width: 25%; }
    .artem-symbol img, .artem-symbol i { width: 19px; height: 19px; font-size: 18px; }
    .artem-quotes .artem-symbol { font-size: 11px; }
}
@media (max-width: 340px) {
    .artem-hero-description { max-width: 145px; }
}