/* VIP EXCOIN: editorial exchange, visual overhaul across public and product surfaces */
:root {
  --navy: #10263d;
  --navy2: #173a58;
  --blue: #075eaa;
  --cyan: #27acd4;
  --gold: #d1a94b;
  --ink: #122b40;
  --muted: #647c8e;
  --bg: #f2f5f4;
  --card: #fff;
  --line: #d5e0e3;
  --green: #168766;
  --red: #bd4351;
  --shadow: 0 18px 44px rgba(18, 43, 64, .08);
  --radius-panel: 16px;
  --radius-control: 9px;
  color-scheme: light;
}
body[data-theme="dark"] {
  --ink: #e5edf2;
  --muted: #a1b4c1;
  --bg: #101d29;
  --card: #172938;
  --line: #304451;
  --shadow: 0 18px 48px rgba(0, 0, 0, .25);
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 82px; scroll-behavior: smooth; }
body { background: var(--bg); color: var(--ink); font-family: Vazir, Vazirmatn, Tahoma, sans-serif; letter-spacing: 0; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { transition: color .18s ease, background-color .18s ease, border-color .18s ease; }
:focus-visible { outline: 3px solid rgba(39, 172, 212, .78); outline-offset: 3px; }
::selection { color: #10263d; background: #a9e6f3; }

/* Marketing page: warm paper, ink typography and one clear blue signal color */
.pro-landing { background: #f4f6f4; color: #122b40; }
.pro-nav { position: sticky !important; top: 0 !important; z-index: 200; margin: 0 !important; padding: 0 !important; background: rgba(244, 246, 244, .96) !important; border: 0 !important; border-bottom: 1px solid #d9e1df !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; }
.nav.pro-nav .nav-wrap { width: min(1320px, calc(100% - 48px)); height: 72px; min-height: 72px; padding: 0; gap: 24px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.nav.pro-nav .brand { gap: 9px; color: #122b40; font-size: 14px; line-height: 1.2; }
.nav.pro-nav .brand img { width: 40px; height: 40px; border-radius: 12px; object-fit: cover; }
.nav.pro-nav .brand small { margin-top: 3px; color: #687e8c; font-size: 9px; letter-spacing: .06em; }
.nav.pro-nav .navlinks { flex: 1; justify-content: flex-start; gap: clamp(10px, 1.5vw, 22px); color: #31495b; font-size: 12px; }
.nav.pro-nav .nav-site-link { min-height: 40px; white-space: nowrap; }
.nav.pro-nav .nav-site-link::after { display: none; }
.nav.pro-nav .nav-site-link:hover { color: var(--blue); }
.nav.pro-nav .nav-auth.btn { display: inline-flex; min-width: 82px; min-height: 40px; justify-content: center; align-items: center; padding: 8px 15px; border-radius: 8px; box-shadow: none; white-space: nowrap; }
.nav.pro-nav .nav-login.btn { color: #164a72; background: transparent; border: 1px solid #b8cbd3; }
.nav.pro-nav .nav-signup.btn { color: white; background: #075eaa; border: 1px solid #075eaa; }
.nav.pro-nav .nav-signup.btn:hover { background: #064d8b; }
body[data-theme="dark"] .pro-landing { background: #101d29; color: #e5edf2; }
body[data-theme="dark"] .pro-nav { background: rgba(16, 29, 41, .96) !important; border-bottom-color: #304451 !important; }
body[data-theme="dark"] .nav.pro-nav .brand, body[data-theme="dark"] .nav.pro-nav .navlinks { color: #e5edf2; }
body[data-theme="dark"] .nav.pro-nav .brand small { color: #a1b4c1; }
body[data-theme="dark"] .nav.pro-nav .nav-login.btn { color: #e5edf2; border-color: #536a78; }
.hero-pro { position: relative; min-height: min(710px, calc(100dvh - 72px)); overflow: hidden; isolation: isolate; background: #edf2ef; color: #122b40; }
.hero-pro:before { position: absolute; z-index: -1; inset: 0 auto 0 0; width: 32%; content: ""; background: linear-gradient(180deg, #e3ece8, #edf2ef); }
.hero-pro:after { position: absolute; z-index: -1; width: min(55vw, 750px); aspect-ratio: 1; inset: 8% auto auto -14%; content: ""; border: 1px solid rgba(7, 94, 170, .12); border-radius: 50%; box-shadow: 0 0 0 42px rgba(7, 94, 170, .025), 0 0 0 92px rgba(7, 94, 170, .02); pointer-events: none; }
.hero-pro-grid { min-height: inherit; grid-template-columns: minmax(0, 1.04fr) minmax(320px, .96fr); gap: clamp(30px, 5vw, 76px); align-items: center; padding-block: 36px 54px; }
.hero-copy { max-width: 690px; }
.hero-badge { padding: 8px 0; border: 0; border-radius: 0; background: transparent; color: #075eaa; font-size: 12px; }
.hero-badge i { width: 7px; height: 7px; background: #168766; box-shadow: 0 0 0 4px rgba(22, 135, 102, .12); }
.hero-pro h1 { max-width: 700px; margin: 16px 0 20px; color: #122b40; font-size: clamp(38px, 3.85vw, 55px); line-height: 1.34; letter-spacing: -.045em; }
.hero-pro h1 span { color: #075eaa; background: none; -webkit-text-fill-color: currentColor; }
.hero-pro p { max-width: 590px; color: #526b7d; font-size: 15px; line-height: 2; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 26px; }
.hero-actions .btn { display: inline-flex; min-width: 142px; min-height: 46px; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 8px; white-space: nowrap; }
.hero-actions .btn-primary { color: white; background: #075eaa; box-shadow: 0 8px 20px rgba(7, 94, 170, .16); }
.hero-actions .btn-primary:hover { background: #064d8b; }
.hero-actions .btn-outline { color: #154a70; border-color: #a9bbc4; background: rgba(255, 255, 255, .35); }
.hero-actions .btn-ghost { color: #526b7d; border-color: transparent; background: transparent; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 9px 20px; margin-top: 24px; color: #536c7b; font-size: 11px; }
.hero-visual { min-height: 430px; }
.hero-dashboard-img { width: min(610px, 110%); filter: drop-shadow(0 25px 36px rgba(15, 45, 66, .16)); animation: excoin-float 8s ease-in-out infinite; }
.glow { opacity: .12; filter: blur(70px); }
.glow-a { background: #39b9dc; }
.glow-b { background: #0b66ac; }
.float-chip { padding: 9px 13px; color: #173b54; border: 1px solid #c7d6dc; border-radius: 8px; background: rgba(255, 255, 255, .88); box-shadow: 0 9px 24px rgba(18, 43, 64, .08); }
.chip-usdt { left: 4%; top: 15%; }
.chip-secure { right: 6%; bottom: 12%; }
.stats-strip { position: relative; z-index: 2; margin-top: 0; background: #dce7e4; }
.stats-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; padding-block: 20px; }
.stats-grid>div { min-height: 74px; display: grid; align-content: center; padding: 8px 20px; text-align: right; border: 0; border-left: 1px solid rgba(221, 239, 245, .17); border-radius: 0; background: transparent; box-shadow: none; }
.stats-grid>div:last-child { border-left: 0; }
.stats-grid strong { color: #122b40; font-size: 19px; }
.stats-grid span { margin-top: 3px; color: #526a78; font-size: 10px; }
.section { padding-block: clamp(60px, 7.5vw, 108px); }
.section-title { max-width: 740px; margin: 0 auto 42px; text-align: right; }
.section-title h2 { max-width: 700px; margin: 0 0 10px; color: #122b40; font-size: clamp(28px, 3.4vw, 43px); line-height: 1.45; letter-spacing: -.035em; }
.section-title p { max-width: 610px; margin: 0; color: #607585; line-height: 1.9; }
.section-kicker { display: none; margin-bottom: 10px; color: #075eaa; font-size: 12px; font-weight: 800; }
.rates-showcase .section-kicker, .security-pro .section-kicker { display: inline-block; }
.pro-section { background: #f7f8f6; }
.pro-section .container { display: grid; grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr); column-gap: clamp(34px, 7vw, 100px); align-items: start; }
.pro-section .section-title { position: sticky; top: 105px; margin: 0; }
.pro-features { display: grid; grid-template-columns: 1fr 1fr; gap: 0 26px; }
.pro-features .feature { position: relative; min-height: 190px; padding: 22px 0 24px; border: 0; border-top: 1px solid #cdd9d8; border-radius: 0; background: transparent; box-shadow: none; transition: padding .2s ease, color .2s ease; }
.pro-features .feature:nth-child(odd) { padding-left: 16px; }
.pro-features .feature:nth-child(even) { padding-right: 16px; }
.pro-features .feature:hover { transform: none; padding-top: 17px; border-color: #7ab9d0; box-shadow: none; }
.pro-features .feature:after { display: none; }
.pro-features .ico { width: 39px; height: 39px; display: grid; place-items: center; color: #075eaa; border: 1px solid #c3d7de; border-radius: 10px; background: #e9f2f1; font-size: 20px; }
.pro-features .feature h3 { margin: 13px 0 6px; color: #17364c; font-size: 16px; }
.pro-features .feature p { max-width: 400px; margin: 0; color: #607585; font-size: 12px; line-height: 1.85; }
.rates-showcase { background: #e8f0ee; }
.rates-showcase-grid { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: clamp(32px, 7vw, 90px); align-items: center; }
.rate-visual { position: relative; min-height: 360px; }
.rate-visual img { width: min(470px, 100%); filter: drop-shadow(0 19px 30px rgba(16, 43, 64, .13)); }
.rate-orbit { padding: 7px 10px; color: #173b54; border: 1px solid #c1d4d9; border-radius: 7px; background: #f9fbfa; box-shadow: none; font-size: 10px; }
.rate-copy h2, .security-grid h2, .preview-copy h2 { margin: 0 0 12px; color: #122b40; font-size: clamp(27px, 3.1vw, 40px); line-height: 1.5; letter-spacing: -.03em; }
.rate-copy>p, .security-grid>div>p, .preview-copy>p { color: #607585; line-height: 1.95; }
.public-rate-cards { grid-template-columns: 1fr 1fr; gap: 0; margin: 24px 0 17px; border-block: 1px solid #bdcecf; }
.public-rate-cards>div { min-height: 105px; padding: 16px 16px 16px 12px; border: 0; border-left: 1px solid #bdcecf; border-radius: 0; background: transparent; }
.public-rate-cards>div:last-child { border-left: 0; }
.public-rate-cards .sell { border-color: #bdcecf; background: transparent; }
.public-rate-cards small, .public-rate-cards span { color: #617988; font-size: 10px; }
.public-rate-cards b { display: block; margin: 8px 0 2px; color: #122b40; font-size: clamp(21px, 2.2vw, 28px); }
.network-pills { display: flex; gap: 6px; margin: 0 0 18px; }
.network-pills span { padding: 6px 9px; color: #24516d; border: 1px solid #c0d2d8; border-radius: 6px; background: transparent; font-size: 10px; }
.how-section { background: #f7f8f6; }
.how-section .section-title { margin-right: 0; }
.flow-grid { grid-template-columns: 1.05fr .95fr; gap: 22px; }
.flow-card { padding: 24px; border: 1px solid #d4dfde; border-radius: 14px; background: #fff; box-shadow: none; }
.flow-card:nth-child(2) { margin-top: 42px; background: #eaf2f0; }
.flow-head { align-items: flex-start; }
.flow-head>.vx-icon { flex: 0 0 39px; width: 39px; height: 39px; color: #075eaa; border: 1px solid #bfd3d9; border-radius: 9px; background: #f0f6f5; }
.flow-head h3 { color: #17364c; }
.flow-head p { color: #708392; }
.flow-card ol { grid-template-columns: 1fr 1fr; gap: 7px; }
.flow-card li { min-height: 51px; padding: 11px 39px 11px 8px; color: #3f5a6c; border: 0; border-bottom: 1px solid #d4dfde; border-radius: 0; background: transparent; font-size: 11px; }
.flow-card li:before { top: 10px; right: 6px; color: #075eaa; }
.preview-section { background: #f4f6f4; }
.preview-grid { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: clamp(30px, 6vw, 80px); }
.preview-copy ul { gap: 5px; }
.preview-copy li { padding-block: 7px; color: #3f5a6c; border-bottom: 1px solid #d7e0df; font-size: 12px; }
.preview-copy li:before { color: #075eaa; }
.preview-window { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.preview-window img { display: block; width: min(100%, 760px); height: auto; margin-inline: auto; filter: drop-shadow(0 18px 30px rgba(16, 43, 64, .12)); }
.window-top { height: 38px; background: #173a58; }
.window-body { min-height: 310px; }
.security-pro { background: #e8f0ee; }
.security-grid { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 50px; }
.security-art img { width: min(440px, 100%); filter: saturate(.8) drop-shadow(0 20px 34px rgba(16, 43, 64, .11)); }
.security-points { gap: 0 22px; }
.security-points>div { padding: 14px 0; border: 0; border-top: 1px solid #c7d6d5; border-radius: 0; background: transparent; }
.security-points b { color: #17364c; }
.security-points span { color: #607585; }
.admin-section { background: #f7f8f6; }
.admin-feature-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 20px; }
.admin-feature-grid span { min-height: 55px; display: flex; align-items: center; justify-content: flex-start; padding: 10px 4px; color: #29465a; border: 0; border-top: 1px solid #cedad8; border-radius: 0; background: transparent; text-align: right; font-size: 12px; }
.faq-section { background: #e8f0ee; }
.faq-grid { grid-template-columns: 1fr 1fr; gap: 0 24px; }
.faq-grid details { border: 0; border-top: 1px solid #c5d5d4; border-radius: 0; background: transparent; }
.faq-grid summary { padding: 14px 0; color: #17364c; }
.faq-grid p { color: #5b7180; line-height: 1.9; font-size: 12px; }
.faq-grid summary::marker { color: #075eaa; }
.final-cta { background: #f4f6f4; }
.cta-pro { min-height: 210px; gap: 26px; padding: clamp(24px, 4vw, 45px); border: 0; border-radius: 14px; background: #075eaa; }
.cta-pro h2 { max-width: 600px; margin: 0 0 9px; color: #fff; font-size: clamp(24px, 3vw, 34px); }
.cta-pro p { color: #c0d2db; }
.cta-actions { flex: 0 0 auto; }
.cta-actions .btn { display: inline-flex; min-width: 138px; min-height: 45px; justify-content: center; align-items: center; border-radius: 8px; white-space: nowrap; }
.btn-light { color: #fff; background: #075eaa; }
.cta-actions .btn-outline { color: #f2f7f9; border-color: #91aebb; }
.pro-footer { padding-top: 40px; color: #506875; background: #e6ece9; }
.pro-footer .brand { color: #122b40; }
.pro-footer .brand img { width: 42px; height: 42px; border-radius: 11px; }
.pro-footer .brand small { color: #687f8a; }
.pro-footer a { color: #31586e; }
.copyright { border-color: rgba(55, 87, 101, .18); }

/* Login: compact, calm and clearly separated from the public page */
.auth-shell { min-height: 100dvh; grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr); gap: clamp(30px, 6vw, 88px); align-items: center; padding: clamp(24px, 5vh, 56px) clamp(24px, 8vw, 130px); background: #e9efed; color: #122b40; }
.auth-shell:before { opacity: .2; background-size: 54px 54px; }
.auth-art { position: relative; min-height: 500px; overflow: hidden; justify-content: space-between; padding: clamp(28px, 4vw, 52px); border: 0; border-radius: 0; color: #fff; background: linear-gradient(150deg, rgba(16, 38, 61, .97), rgba(16, 63, 91, .88)), url("assets/hero-wallet.webp") center/cover; }
.auth-art:after { content: ""; position: absolute; z-index: 0; width: 320px; aspect-ratio: 1; inset: auto -95px -120px auto; border: 1px solid rgba(147, 221, 236, .35); border-radius: 50%; box-shadow: 0 0 0 36px rgba(147, 221, 236, .06), 0 0 0 78px rgba(147, 221, 236, .035); }
.auth-brand { position: relative; z-index: 1; top: auto; right: auto; }
.auth-brand img { width: 54px; height: 54px; border-radius: 14px; }
.auth-art-copy { position: relative; z-index: 1; max-width: 560px; }
.auth-art-copy h1 { margin: 10px 0 14px; color: #fff; font-size: clamp(34px, 4vw, 52px) !important; line-height: 1.4; }
.auth-art-copy p { max-width: 430px; color: #c5d7de; line-height: 1.9; }
.auth-art-kicker { color: #8dd5e6; }
.auth-trust-points { color: #d7e7ec; }
.auth-card-wrap { min-width: 0; padding: 0; }
.auth-card { width: min(460px, 100%); padding: clamp(25px, 3.5vw, 39px); border: 1px solid #d5e0de; border-radius: 13px; background: #fff; box-shadow: 0 24px 55px rgba(18, 43, 64, .1); }
.auth-tools { margin-bottom: 24px; }
.auth-back-link { color: #5c7483; }
.auth-welcome>span { color: #075eaa; font-size: 12px; font-weight: 800; }
.auth-welcome h2 { margin: 4px 0 7px; color: #122b40; font-size: 26px; }
.auth-welcome p { color: #607585; line-height: 1.8; }
.auth-mode-tabs { margin-block: 20px; padding: 4px; border: 1px solid #d9e3e1; border-radius: 8px; background: #eef2f1; }
.auth-mode-button { min-height: 42px; border-radius: 6px; color: #597181; }
.auth-mode-button.active { color: #075eaa; background: white; box-shadow: 0 2px 8px rgba(18, 43, 64, .09); }
.auth-card .field { margin-block: 17px; }
.auth-card .field label { color: #536d7c; font-weight: 700; }
.auth-card .field input { min-height: 48px; border: 1px solid #cbd8da; border-radius: 7px; background: #fff; }
.auth-card .field input::placeholder { color: #7b8f99; }
.auth-submit, .auth-card .btn-primary { min-height: 48px; border-radius: 7px; }
.auth-card-footer { color: #657b88; }
.auth-card-footer a { color: #075eaa; }
.auth-mobile-brand { color: #536d7c; }
body[data-theme="dark"] .auth-shell { background: #101d29; }
body[data-theme="dark"] .auth-card { color: #122b40; background: #fff !important; }
body[data-theme="dark"] .auth-welcome h2 { color: #122b40; }

/* The public theme switch keeps every public section in the selected color mode. */
body[data-theme="dark"] .pro-landing { background: #101d29; color: #e5edf2; }
body[data-theme="dark"] .hero-pro { color: #e5edf2; background: #172d3c; }
body[data-theme="dark"] .hero-pro:before { background: linear-gradient(180deg, #1b3443, #172d3c); }
body[data-theme="dark"] .hero-pro h1, body[data-theme="dark"] .section-title h2,
body[data-theme="dark"] .rate-copy h2, body[data-theme="dark"] .security-grid h2,
body[data-theme="dark"] .preview-copy h2 { color: #eef4f5; }
body[data-theme="dark"] .hero-pro h1 span { color: #72d5e9; }
body[data-theme="dark"] .hero-pro p, body[data-theme="dark"] .section-title p,
body[data-theme="dark"] .rate-copy>p, body[data-theme="dark"] .security-grid>div>p,
body[data-theme="dark"] .preview-copy>p { color: #b6c6cd; }
body[data-theme="dark"] .hero-badge { color: #9edced; }
body[data-theme="dark"] .hero-trust { color: #bdccd1; }
body[data-theme="dark"] .pro-section, body[data-theme="dark"] .preview-section,
body[data-theme="dark"] .admin-section, body[data-theme="dark"] .final-cta { background: #101d29; }
body[data-theme="dark"] .rates-showcase, body[data-theme="dark"] .security-pro,
body[data-theme="dark"] .faq-section { background: #172936; }
body[data-theme="dark"] .how-section { background: #132330; }
body[data-theme="dark"] .pro-features .feature { border-color: #354953; }
body[data-theme="dark"] .pro-features .feature h3, body[data-theme="dark"] .flow-head h3,
body[data-theme="dark"] .security-points b, body[data-theme="dark"] .faq-grid summary { color: #e7f0f2; }
body[data-theme="dark"] .pro-features .feature p, body[data-theme="dark"] .flow-head p,
body[data-theme="dark"] .flow-card li, body[data-theme="dark"] .security-points span,
body[data-theme="dark"] .preview-copy li, body[data-theme="dark"] .faq-grid p { color: #acbec7; }
body[data-theme="dark"] .pro-features .ico, body[data-theme="dark"] .flow-head>.vx-icon { color: #79d5e7; border-color: #3e5965; background: #1d3745; }
body[data-theme="dark"] .flow-card, body[data-theme="dark"] .flow-card:nth-child(2) { border-color: #354953; background: #172936; }
body[data-theme="dark"] .flow-card li, body[data-theme="dark"] .security-points>div,
body[data-theme="dark"] .admin-feature-grid span, body[data-theme="dark"] .faq-grid details { border-color: #354953; }
body[data-theme="dark"] .public-rate-cards, body[data-theme="dark"] .public-rate-cards>div,
body[data-theme="dark"] .public-rate-cards .sell { border-color: #40535d; }
body[data-theme="dark"] .public-rate-cards b { color: #f1f5f6; }
body[data-theme="dark"] .public-rate-cards small, body[data-theme="dark"] .public-rate-cards span { color: #b0c0c8; }
body[data-theme="dark"] .network-pills span { color: #d5e3e8; border-color: #405966; }
body[data-theme="dark"] .admin-feature-grid span { color: #d5e3e8; }
body[data-theme="dark"] .stats-grid>div { border-color: rgba(221, 239, 245, .17); }
body[data-theme="dark"] .stats-strip { background: #183344; }
body[data-theme="dark"] .stats-grid strong { color: #f0f5f6; }
body[data-theme="dark"] .stats-grid span { color: #c0d0d6; }
body[data-theme="dark"] .pro-footer { color: #b9c9cf; background: #132936; }
body[data-theme="dark"] .pro-footer .brand { color: #eff5f6; }
body[data-theme="dark"] .pro-footer .brand small, body[data-theme="dark"] .pro-footer a { color: #c2d4db; }
body[data-theme="dark"] .copyright { border-color: rgba(215, 233, 239, .16); }

/* Product workspace: compact operational rail, airy work surface, strong data hierarchy */
.app-shell { grid-template-columns: minmax(0, 1fr) 258px; grid-template-areas: "main sidebar"; background: var(--bg); }
.sidebar { grid-area: sidebar; width: 258px; padding: 19px 14px; border: 0; border-left: 1px solid rgba(214, 233, 240, .14); background: #12324d; }
.sidebar .brand { gap: 9px; padding: 5px 8px 18px; margin-bottom: 15px; border-bottom: 1px solid rgba(226, 240, 244, .17); color: #fff; }
.sidebar .brand img { width: 39px; height: 39px; border-radius: 10px; }
.sidebar .brand small { color: #adcad5; letter-spacing: .07em; }
.menu { display: grid; gap: 4px; }
.menu a { min-height: 42px; display: flex; gap: 10px; align-items: center; margin: 0; padding: 9px 10px; color: #c4d7df; border: 1px solid transparent; border-radius: 7px; transition: background .17s ease, color .17s ease; }
.menu a span:first-child { flex: 0 0 20px; color: #91b6c4; }
.menu a b { color: inherit; font-size: 12px; font-weight: 700; line-height: 1.45; }
.menu a:hover { color: #fff; background: rgba(222, 242, 247, .09); }
.menu a.active { color: #fff; border-color: rgba(139, 211, 232, .18); background: #075eaa; box-shadow: inset -3px 0 0 #5fd0e4; }
.menu a.active span:first-child { color: #bceef3; }
.menu-sep { margin: 18px 9px 7px; color: #a0bfca; font-size: 11px; }
.panel-switch { background: #0e2a42; border-radius: 7px; }
.panel-switch a { color: #bed2dc; border-radius: 5px; }
.panel-switch a.active { color: #fff; background: #075eaa; }
.logout-btn { min-height: 41px; margin-top: 20px; border-color: rgba(209, 228, 235, .35); border-radius: 7px; }
.main { grid-area: main; min-width: 0; padding: 0 clamp(19px, 2.8vw, 42px) 42px; }
.topbar { min-height: 77px; height: auto; gap: 14px; margin: 0 calc(clamp(19px, 2.8vw, 42px) * -1); padding: 10px clamp(19px, 2.8vw, 42px); border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--bg) 95%, transparent); backdrop-filter: blur(15px); }
.topbar-title { gap: 10px; }
.topbar small { color: var(--muted); font-size: 10px; }
.topbar h2 { color: var(--ink); font-size: 19px; }
.topbar-tools { gap: 8px; }
.theme-toggle, .notification-toggle, .icon-btn { min-width: 40px; min-height: 40px; color: var(--ink); border: 1px solid var(--line); border-radius: 8px; background: var(--card); }
.user-chip { max-width: 200px; color: var(--ink); border-color: var(--line); border-radius: 7px; background: var(--card); }
.content-area { min-width: 0; padding-top: 24px; }
.dash-head { margin: 0 0 21px; }
.dash-head h1 { color: var(--ink); font-size: 25px; letter-spacing: -.025em; }
.dash-head p, .topbar small { color: var(--muted); }
.panel, .stat, .quick-card, .insight, .setting-card, .ratebox, .ticket-card, .referral-card, .wallet-match-row { min-width: 0; color: var(--ink); border: 1px solid var(--line); border-radius: var(--radius-panel); background: var(--card); box-shadow: 0 3px 12px rgba(18, 43, 64, .025); }
.panel { padding: clamp(18px, 2.2vw, 25px); margin-bottom: 17px; }
.panel h3, .panel-title h3 { color: var(--ink); font-size: 15px; }
.panel-title { align-items: center; gap: 14px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.panel-title p { color: var(--muted); }
.grid4, .insight-stats { gap: 12px; }
.stat { position: relative; min-height: 112px; padding: 18px; }
.stat small, .stat>span { color: var(--muted); }
.stat strong { color: var(--ink); font-size: clamp(21px, 2vw, 28px); }
.stat-icon { border: 1px solid #d4e2e3; border-radius: 10px; background: #edf4f1; }
.portfolio-hero { border: 0; border-radius: 14px; background: #12324d; box-shadow: none; }
.portfolio-hero .hero-label, .portfolio-hero .portfolio-sub, .portfolio-hero .portfolio-breakdown small { color: #c0d3dc; }
.portfolio-hero .portfolio-main>strong, .portfolio-hero .portfolio-sub b { color: #fff; }
.quick-grid { gap: 11px; }
.quick-card { min-height: 106px; gap: 6px; padding: 15px; border-radius: 11px; box-shadow: none; }
.quick-card:hover { transform: translateY(-2px); border-color: #8abbd0; box-shadow: var(--shadow); }
.quick-card.buy { border-color: #b8dacf; background: #edf5f1; }
.quick-card.sell { border-color: #e7c8ca; background: #f8efee; }
.quick-icon { width: 37px; height: 37px; border: 1px solid #cbdcdd; border-radius: 9px; color: #075eaa; background: #fff; }
.quick-card.buy .quick-icon { color: #168766; background: #f8fcfa; }
.quick-card.sell .quick-icon { color: #bd4351; background: #fffafa; }
.market-prices { gap: 0; border-block: 1px solid var(--line); }
.market-prices>div { padding: 15px; border: 0; border-left: 1px solid var(--line); border-radius: 0; background: transparent; }
.market-prices>div:last-child { border-left: 0; }
.market-prices>div.sell { border-color: var(--line); background: transparent; }
.market-prices b { color: var(--ink); }
.live-pill { color: #176c56; background: #e7f2ed; }
.live-pill.stale { color: #85681d; background: #f5f0e1; }
.account-row { color: var(--ink); border-color: var(--line); }
.account-row span, .mini-stats span, .tx-main small, .tx-value small { color: var(--muted); }
.mini-stats>div, .order-health-grid>div, .account-meta>div { border-color: var(--line); background: color-mix(in srgb, var(--bg) 70%, var(--card)); }
.tx-item, .list-item { border-color: var(--line); border-radius: 10px; background: var(--card); }
.tx-icon { color: #075eaa; border-radius: 9px; background: #e8f0ef; }
.empty-state { color: var(--muted); border: 1px dashed var(--line); border-radius: 11px; background: color-mix(in srgb, var(--bg) 65%, var(--card)); }
.ratebox { border-radius: 11px; background: #ebf2ef; }
.ratebox.sell { border-color: #e2c8ca; background: #f5eceb; }
.ratebox strong { color: var(--ink); }
.tablewrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: 11px; background: var(--card); -webkit-overflow-scrolling: touch; }
table { width: 100%; color: var(--ink); border-collapse: collapse; }
th, td { padding: 12px 13px; border-bottom: 1px solid var(--line); text-align: right; font-size: 12px; }
th { color: var(--muted); background: color-mix(in srgb, var(--bg) 70%, var(--card)); white-space: nowrap; }
tbody tr:hover { background: color-mix(in srgb, var(--blue) 4%, var(--card)); }
.badge { padding: 5px 9px; color: #31566a; border-radius: 5px; background: #e9f0ee; font-size: 10px; }
body[data-theme="dark"] .badge { color: #d5e4e9; background: #294351; }
.field input, .field select, .field textarea, .inline-form input, .inline-form select, input, select, textarea { color: var(--ink); border-color: var(--line); border-radius: var(--radius-control); }
.field input, .field select, .field textarea { min-height: 45px; background: var(--card); }
.field input::placeholder, .inline-form input::placeholder { color: #738794; opacity: 1; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: #1789bd; box-shadow: 0 0 0 3px rgba(23, 137, 189, .13); outline: 0; }
.field label { color: var(--muted); font-weight: 700; }
.btn { min-height: 41px; padding: 9px 15px; border-radius: 7px; font-weight: 800; transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease; }
.btn:hover:not(:disabled) { transform: translateY(-1px); }
.btn-primary { color: #fff; background: #075eaa; box-shadow: 0 6px 16px rgba(7, 94, 170, .17); }
.btn-primary:hover:not(:disabled) { background: #064d8b; box-shadow: 0 9px 20px rgba(7, 94, 170, .22); }
.btn-soft { color: #164f74; border: 1px solid #c3d5db; background: #edf4f2; }
body[data-theme="dark"] .btn-soft { color: #c4e5ee; border-color: #3b5665; background: #203b4b; }
.btn-outline { border-color: #aabcc5; }
.mini-btn { min-height: 33px; border-radius: 6px; }
.menu .vx-icon, .mobile-nav .vx-icon { stroke-width: 1.8; }
.notification-toggle { display: grid; place-items: center; }
.notification-popover { border-radius: 11px; }
.notification-ico { width: 19px; height: 19px; }
.mobile-nav { color: var(--ink); border-top: 1px solid var(--line); background: color-mix(in srgb, var(--card) 97%, transparent); box-shadow: 0 -7px 22px rgba(18, 43, 64, .08); }
.mobile-nav a { color: var(--muted); }
.mobile-nav a.active { color: #075eaa; background: #eaf2ef; }
.quick-trade-section { background: transparent; }
.quick-trade-grid { gap: 15px; }
.quick-trade-section .panel { box-shadow: none; }
.quote-validity, .form-msg { color: var(--muted); }
.wallet-actions { gap: 8px; }
.wallet-actions .btn { min-width: 132px; }
.settings-grid { align-items: stretch; gap: 12px; }
.setting-card { gap: 9px; border-radius: 11px; transition: border-color .18s ease, transform .18s ease; }
.setting-card:hover { transform: translateY(-2px); border-color: #8bbdce; box-shadow: var(--shadow); }
.setting-card>span { border: 1px solid #c8dcdf; border-radius: 9px; color: #075eaa; background: #eaf2ef; }
body[data-theme="dark"] .setting-card>span { color: #b5e6f0; background: #23404e; }
.approval-item, .ticket-message, .operation-guides details { border-color: var(--line); border-radius: 10px; }
.operation-guides details { padding: 13px 15px; margin-block: 8px; background: color-mix(in srgb, var(--bg) 65%, var(--card)); }
.operation-guides summary { color: var(--ink); cursor: pointer; font-weight: 800; }
.operation-guides li { color: var(--muted); line-height: 1.9; }
.invoice-backdrop { backdrop-filter: blur(6px); }
.invoice-modal { border-radius: 14px; }
.skeleton-card, .loading-stat, .loading-panel { background: #e5ecea !important; border-color: #d8e2e0 !important; }
.toast { border-radius: 8px; box-shadow: var(--shadow); }
.error-state { border-color: #e4c6c8; }

/* Responsive: preserve hierarchy while layouts collapse into touch-friendly flows */
@media (max-width: 1120px) {
  .nav.pro-nav .navlinks { gap: 9px; }
  .nav.pro-nav .navlinks>a[href="#faq"], .nav.pro-nav .navlinks>a[href="#security"] { display: none; }
  .app-shell { grid-template-columns: minmax(0, 1fr) 228px; }
  .sidebar { width: 228px; }
  .pro-section .container { grid-template-columns: 1fr; }
  .pro-section .section-title { position: static; max-width: 680px; margin: 0 0 25px; }
  .quick-six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 940px) {
  .app-shell { display: block; }
  .sidebar { display: none !important; }
  .main { padding: 0 17px calc(86px + env(safe-area-inset-bottom)); }
  .topbar { position: sticky; top: 0; z-index: 25; margin-inline: -17px; padding-inline: 17px; }
  .mobile-brand { display: block; }
  .mobile-only { display: grid; }
  .mobile-nav { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .auth-shell { grid-template-columns: minmax(0, 1fr) minmax(330px, 1fr); gap: 25px; padding: 24px; }
  .auth-art { display: flex; min-height: 430px; padding: 27px; }
  .auth-art-copy h1 { font-size: 35px !important; }
  .hero-pro-grid { gap: 25px; }
  .hero-visual { min-height: 345px; }
}
@media (max-width: 760px) {
  .pro-nav .nav-wrap { width: calc(100% - 28px) !important; height: 62px !important; min-height: 62px !important; gap: 8px !important; }
  .nav.pro-nav .brand { gap: 7px; font-size: 11px; }
  .nav.pro-nav .brand img { width: 34px; height: 34px; }
  .nav.pro-nav .navlinks { flex: 0 0 auto; gap: 6px; }
  .nav.pro-nav .nav-site-link:not(.nav-buy), .nav.pro-nav .theme-toggle { display: none; }
  .nav.pro-nav .nav-auth.btn { min-width: 65px; min-height: 37px; padding: 7px 9px; font-size: 10px; }
  .hero-pro { min-height: 0; }
  .hero-pro:before { width: 100%; height: 34%; inset: auto 0 0; }
  .hero-pro:after { width: 85vw; inset: 0 auto auto -32%; }
  .hero-pro-grid { min-height: 0; grid-template-columns: 1fr; gap: 9px; padding-block: 26px 33px; }
  .hero-visual { min-height: clamp(215px, 55vw, 330px); }
  .hero-dashboard-img { width: min(450px, 100%); }
  .hero-pro h1 { margin-block: 11px 13px; font-size: clamp(34px, 8vw, 48px); }
  .hero-pro p { font-size: 13px; }
  .hero-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 19px; }
  .hero-actions .btn { min-width: 0; min-height: 43px; padding-inline: 9px; font-size: 11px; white-space: normal; }
  .hero-trust { gap: 7px 13px; margin-top: 15px; font-size: 10px; }
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-block: 10px; }
  .stats-grid>div { min-height: 63px; padding: 7px 12px; border-bottom: 1px solid rgba(221, 239, 245, .14); }
  .stats-grid>div:nth-child(2) { border-left: 0; }
  .stats-grid>div:nth-child(n+3) { border-bottom: 0; }
  .stats-grid strong { font-size: 16px; }
  .stats-grid span { font-size: 9px; }
  .section { padding-block: 56px; }
  .pro-section .container { grid-template-columns: 1fr; }
  .pro-features { grid-template-columns: 1fr 1fr; }
  .pro-features .feature { min-height: 185px; }
  .rates-showcase-grid, .preview-grid, .security-grid { grid-template-columns: 1fr; gap: 24px; }
  .rate-visual { min-height: 245px; }
  .flow-grid { grid-template-columns: 1fr; gap: 12px; }
  .flow-card:nth-child(2) { margin-top: 0; }
  .admin-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .faq-grid { grid-template-columns: 1fr; }
  .cta-pro { align-items: flex-start; flex-direction: column; }
  .cta-actions { width: 100%; }
  .cta-actions .btn { flex: 1; }
  .auth-shell { min-height: 100dvh; grid-template-columns: 1fr; gap: 0; padding: 16px; }
  .auth-art { display: none; }
  .auth-card-wrap { min-height: calc(100dvh - 32px); }
  .auth-card { width: min(460px, 100%); }
  .main { padding-inline: 12px; }
  .topbar { margin-inline: -12px; padding-inline: 12px; }
  .topbar h2 { font-size: 17px; }
  .user-chip { display: none; }
  .quick-grid, .quick-six, .grid4, .insight-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .dashboard-duo, .dashboard-triple, .dash-columns, .two-col, .profile-grid { grid-template-columns: 1fr !important; }
  .portfolio-hero { grid-template-columns: 1fr !important; padding: 18px; }
  .portfolio-breakdown, .account-meta { grid-template-columns: 1fr 1fr !important; }
  .panel { padding: 17px; border-radius: 13px; }
  .wallet-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wallet-actions .btn { min-width: 0; }
}
@media (max-width: 480px) {
  .nav.pro-nav .brand { font-size: 10px; }
  .nav.pro-nav .brand small { display: none; }
  .nav.pro-nav .nav-buy { display: none; }
  .hero-pro-grid { padding-top: 18px; }
  .hero-visual { min-height: 200px; }
  .hero-pro h1 { font-size: 33px; }
  .hero-trust { display: grid; grid-template-columns: 1fr 1fr; }
  .section-title h2, .rate-copy h2, .security-grid h2, .preview-copy h2 { font-size: 26px; }
  .section-title { margin-bottom: 27px; }
  .pro-features { grid-template-columns: 1fr; }
  .pro-features .feature { min-height: 0; padding-block: 16px; }
  .public-rate-cards>div { padding-inline: 9px; }
  .public-rate-cards b { font-size: 18px; }
  .flow-card ol { grid-template-columns: 1fr; }
  .admin-feature-grid { grid-template-columns: 1fr 1fr; }
  .cta-actions { flex-direction: column; }
  .main { padding-inline: 9px; }
  .topbar { margin-inline: -9px; padding-inline: 9px; gap: 6px; }
  .topbar-title { gap: 6px; }
  .mobile-brand img { width: 32px; height: 32px; }
  .topbar-tools { gap: 5px; }
  .topbar-tools .theme-toggle { min-width: 36px; min-height: 36px; width: 36px; padding: 0; justify-content: center; }
  .topbar-tools .theme-toggle [data-theme-label] { display: none; }
  .notification-toggle, .icon-btn { width: 36px; min-width: 36px; min-height: 36px; height: 36px; }
  .quick-grid, .quick-six, .grid4, .insight-stats, .settings-grid { grid-template-columns: 1fr !important; }
  .portfolio-breakdown, .account-meta { grid-template-columns: 1fr !important; }
  .dash-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .dash-actions .btn { min-width: 0; padding-inline: 8px; font-size: 11px; }
  .panel-title { align-items: flex-start; }
  .tablewrap table { min-width: 630px; }
  .wallet-actions { grid-template-columns: 1fr 1fr; gap: 6px; }
  .wallet-actions .btn { padding-inline: 7px; font-size: 10px; }
  .mobile-nav a { font-size: 9px; }
  .mobile-nav .vx-icon { width: 18px; height: 18px; }
}
@keyframes excoin-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .hero-dashboard-img { animation: none; }
}

/* Full visual reset v9: luminous exchange desk, editorial market sections, new product hierarchy. */
.fresh-landing { --fresh-ink:#10283e; --fresh-muted:#536d80; --fresh-blue:#0875bd; --fresh-cyan:#26b7d5; --fresh-line:#d5e1e7; --fresh-pale:#edf4f7; background:#f8fafb; color:var(--fresh-ink); }
.fresh-landing .pro-nav { position:sticky!important; top:0!important; border-bottom:1px solid #d9e4e9!important; background:rgba(248,250,251,.94)!important; backdrop-filter:blur(18px)!important; }
.fresh-landing .nav.pro-nav .nav-wrap { height:76px; min-height:76px; width:min(1440px,calc(100% - 64px)); gap:30px; }
.fresh-landing .nav.pro-nav .brand { order:2; margin-inline-start:auto; font-size:15px; }
.fresh-landing .nav.pro-nav .brand img { width:45px;height:45px;border-radius:50%; }
.fresh-landing .nav.pro-nav .navlinks { order:1; justify-content:flex-start; gap:clamp(12px,1.65vw,25px); color:#244258; font-size:13px; }
.fresh-landing .nav.pro-nav .nav-site-link { position:relative; }
.fresh-landing .nav.pro-nav .nav-site-link:hover { color:var(--fresh-blue); }
.fresh-landing .nav.pro-nav .nav-auth.btn { min-width:94px;min-height:44px;border-radius:7px;font-size:13px; }
.fresh-landing .hero-pro { min-height:min(690px,calc(100dvh - 76px)); overflow:hidden; background:#10283e; color:#fff; }
.fresh-landing .hero-pro:before { z-index:0; inset:0 0 0 50%; width:auto; background:linear-gradient(145deg,#0b2337,#133b58 65%,#116080); }
.fresh-landing .hero-pro:after { z-index:0; width:min(62vw,780px); inset:0 auto auto -12%; border:1px solid rgba(89,204,226,.15); box-shadow:0 0 0 70px rgba(89,204,226,.025),0 0 0 150px rgba(89,204,226,.018); }
.fresh-landing .hero-pro-grid { position:relative; z-index:1; width:min(1440px,calc(100% - 64px)); min-height:inherit; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); gap:clamp(45px,7vw,110px); padding-block:45px 62px; }
.fresh-landing .hero-copy { grid-column:1; grid-row:1; max-width:640px; }
.fresh-landing .hero-visual { grid-column:2; grid-row:1; min-height:440px; display:grid; place-items:center; }
.fresh-landing .fresh-visual-frame { width:min(100%,620px); aspect-ratio:1.1; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(124,204,227,.22); border-radius:44% 56% 47% 53% / 46% 42% 58% 54%; background:radial-gradient(ellipse at 50% 48%,rgba(46,160,204,.3),rgba(11,39,59,.06) 67%); }
.fresh-landing .hero-dashboard-img { width:110%;max-width:700px;filter:drop-shadow(0 30px 52px rgba(0,12,24,.36));animation:excoin-float 8s ease-in-out infinite; }
.fresh-landing .hero-copy { color:white; }
.fresh-landing .hero-badge { color:#6cd6e6; }
.fresh-landing .hero-pro h1 { max-width:650px;margin:14px 0 15px;color:#fff;font-size:clamp(44px,5.1vw,68px);line-height:1.25;letter-spacing:-.045em; }
.fresh-landing .hero-pro h1 span { color:#69d9e8; }
.fresh-landing .hero-pro p { max-width:510px;color:#c2d4df;font-size:16px;line-height:1.95; }
.fresh-landing .hero-actions { gap:11px;margin-top:26px; }
.fresh-landing .hero-actions .btn { min-width:156px;min-height:52px;border-radius:7px;font-size:14px; }
.fresh-landing .hero-actions .btn-primary { color:#08233a;background:#81e0ec;border-color:#81e0ec;box-shadow:none; }
.fresh-landing .hero-actions .btn-primary:hover { background:#b0eff5; }
.fresh-landing .hero-actions .btn-outline { color:white;border-color:#66849a;background:transparent; }
.fresh-landing .hero-actions .btn-ghost { color:#c2d4df; }
.fresh-landing .fresh-proof { display:flex;gap:14px 24px;flex-wrap:wrap;margin-top:29px;color:#c6d8e2;font-size:12px; }
.fresh-landing .fresh-proof span:before { content:'✓';margin-left:7px;color:#71decb;font-weight:900; }
.fresh-landing .hero-index { position:absolute;right:50%;bottom:24px;color:#84b7cd;font-size:10px;letter-spacing:.14em; }
.fresh-landing .float-chip { color:#12354e;border:1px solid #d0e4e8;border-radius:4px;background:#f7fbfc;box-shadow:0 12px 30px rgba(0,20,40,.18); }
.fresh-landing .chip-usdt { left:4%;top:12%; }.fresh-landing .chip-secure { right:0;bottom:10%; }
.fresh-landing .fresh-stats { background:#fff;border-bottom:1px solid var(--fresh-line); }
.fresh-landing .fresh-stats .stats-grid { width:min(1180px,calc(100% - 48px));padding-block:17px; }
.fresh-landing .fresh-stats .stats-grid>div { min-height:70px;padding-inline:26px;border-left:1px solid #d9e4e9;text-align:center; }
.fresh-landing .fresh-stats .stats-grid>div:last-child { border:0; }
.fresh-landing .fresh-stats strong { color:#123b56;font-size:21px;letter-spacing:.02em; }
.fresh-landing .fresh-stats span { color:#60798b;font-size:11px; }
.fresh-landing .quick-trade-section { padding-block:86px;background:#edf3f6;border-bottom:1px solid #dce7ec; }
.fresh-landing .quick-trade-section>.container { width:min(1280px,calc(100% - 56px)); }
.fresh-landing .quick-trade-section .section-title { max-width:720px;margin:0 0 28px; }
.fresh-landing .quick-trade-section .section-title h2 { color:#10283e;font-size:clamp(30px,3.5vw,45px); }
.fresh-landing .quick-rate-chart { margin-bottom:22px;border:1px solid #d3e1e8;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(20,51,73,.055); }
.fresh-landing .quick-trade-grid { grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:22px; }
.fresh-landing .quick-card { padding:27px;border:1px solid #d3e0e6;border-radius:12px;background:white;box-shadow:0 10px 30px rgba(20,51,73,.055); }
.fresh-landing .quick-card-head { border-bottom:1px solid #e1e9ed; }
.fresh-landing .quick-step { color:white;background:#0875bd;border-radius:7px; }
.fresh-landing .quick-card h3,.fresh-landing .quick-trade-section h2 { color:#10283e; }
.fresh-landing .quick-card p,.fresh-landing .quick-trade-section p { color:#627a8a; }
.fresh-landing .quick-card .field label { color:#405c70;font-weight:700; }
.fresh-landing .quick-card input,.fresh-landing .quick-card select { min-height:46px;border:1px solid #cbdbe2;border-radius:7px;background:#fff;color:#132f46; }
.fresh-landing .quick-card input:focus,.fresh-landing .quick-card select:focus { border-color:#0875bd;box-shadow:0 0 0 3px rgba(8,117,189,.12); }
.fresh-landing .quick-actions .btn,.fresh-landing .quick-card .btn { min-height:48px;border-radius:7px; }
.fresh-landing .section { padding-block:clamp(72px,9vw,124px); }
.fresh-landing .fresh-services { background:#f8fafb; }
.fresh-landing .fresh-service-layout { display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:clamp(50px,9vw,140px);align-items:start; }
.fresh-landing .fresh-service-layout>.section-title { position:sticky;top:110px;max-width:430px;margin:0;text-align:right; }
.fresh-landing .fresh-service-layout .section-title h2,.fresh-landing .fresh-heading h2 { color:#10283e;font-size:clamp(32px,4vw,48px);line-height:1.35; }
.fresh-landing .fresh-service-layout .section-title p,.fresh-landing .fresh-heading p { color:#5d7485;font-size:15px;line-height:1.95; }
.fresh-landing .fresh-text-link { display:inline-flex;gap:14px;align-items:center;margin-top:22px;color:#0875bd;font-weight:800; }
.fresh-landing .fresh-text-link span { display:grid;place-items:center;width:34px;height:34px;border:1px solid #bfd3dd;border-radius:50%; }
.fresh-landing .fresh-feature-list { grid-template-columns:1fr 1fr;gap:0 32px; }
.fresh-landing .fresh-feature-list .feature { min-height:226px;padding:21px 0 28px;border:0;border-top:1px solid #d0dce2;border-radius:0;background:transparent;box-shadow:none; }
.fresh-landing .fresh-feature-list .feature:hover { padding-top:17px;border-color:#55a9cb; }
.fresh-landing .fresh-number { float:left;color:#93a8b5;font:600 12px/1.4 Vazir,Tahoma,sans-serif; }
.fresh-landing .fresh-feature-list .ico { width:44px;height:44px;border:1px solid #c6dce5;border-radius:50%;background:#e8f4f7;color:#0875bd; }
.fresh-landing .fresh-feature-list .feature h3 { margin-top:16px;color:#143950;font-size:18px; }
.fresh-landing .fresh-feature-list .feature p { color:#637c8b;font-size:13px; }
.fresh-landing .fresh-rates { background:#e9f1f5; }
.fresh-landing .rates-showcase-grid { grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(45px,8vw,120px); }
.fresh-landing .rate-copy h2,.fresh-landing .preview-copy h2,.fresh-landing .security-grid h2 { color:#10283e;font-size:clamp(32px,3.8vw,48px);line-height:1.4; }
.fresh-landing .rate-copy>p,.fresh-landing .preview-copy>p,.fresh-landing .security-grid>div>p { color:#536d80;font-size:14px; }
.fresh-landing .fresh-market-image { margin:0;min-height:0; }
.fresh-landing .fresh-market-image img { width:100%;max-width:560px;border-radius:14px;mix-blend-mode:multiply; }
.fresh-landing .fresh-market-image figcaption { margin-top:8px;color:#688193;font-size:11px; }
.fresh-landing .public-rate-cards { margin-block:24px 18px;border-block-color:#c5d5dd; }
.fresh-landing .public-rate-cards>div { min-height:120px; }
.fresh-landing .public-rate-cards b { color:#10283e;font-size:clamp(26px,3vw,38px); }
.fresh-landing .network-pills span { border-radius:20px;background:#f7fafb; }
.fresh-landing .fresh-how { background:#f8fafb; }
.fresh-landing .fresh-heading { max-width:720px;margin-bottom:38px; }
.fresh-landing .fresh-heading h2 { max-width:700px;margin:0 0 12px; }
.fresh-landing .fresh-flow-grid { grid-template-columns:1fr 1fr;gap:0 44px; }
.fresh-landing .fresh-flow-grid .flow-card { padding:26px 0 15px;border:0;border-top:2px solid #167db7;border-radius:0;background:transparent;box-shadow:none; }
.fresh-landing .fresh-flow-grid .flow-card:nth-child(2) { margin-top:70px;border-color:#6aa9c3; }
.fresh-landing .fresh-flow-grid .flow-head>.vx-icon { width:48px;height:48px;border:0;border-radius:50%;background:#d8edf3;color:#0875bd; }
.fresh-landing .fresh-flow-grid .flow-head h3 { color:#15384f;font-size:22px; }
.fresh-landing .fresh-flow-grid .flow-head p { color:#6c8190; }
.fresh-landing .fresh-flow-grid .flow-card ol { grid-template-columns:1fr;gap:0;margin-top:18px; }
.fresh-landing .fresh-flow-grid .flow-card li { min-height:45px;padding:12px 42px 12px 5px;border-bottom:1px solid #d8e3e8;font-size:13px; }
.fresh-landing .fresh-flow-grid .flow-card li:before { top:12px;width:24px;height:24px;display:grid;place-items:center;color:#0875bd;background:#e7f1f5;border-radius:50%; }
.fresh-landing .fresh-workspace { background:#edf4f7;color:#10283e; }
.fresh-landing .fresh-workspace .preview-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(44px,8vw,120px); }
.fresh-landing .fresh-workspace .preview-window { grid-column:2; }
.fresh-landing .fresh-workspace .preview-copy { grid-column:1; }
.fresh-landing .fresh-workspace .preview-window { padding:0; }
.fresh-landing .fresh-workspace .preview-window img { width:100%;border:1px solid rgba(166,221,234,.2);border-radius:16px;box-shadow:0 28px 72px rgba(0,0,0,.22); }
.fresh-landing .fresh-workspace .preview-copy h2 { color:#10283e; }
.fresh-landing .fresh-workspace .preview-copy>p { color:#536d80; }
.fresh-landing .fresh-workspace-points { display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:22px 0 25px; }
.fresh-landing .fresh-workspace-points span { padding:13px 0;border-top:1px solid #cedce3;color:#27485e;font-size:12px; }
.fresh-landing .fresh-workspace-points span:before { content:'↗';margin-left:8px;color:#0875bd; }
.fresh-landing .fresh-security { background:#f8fafb; }
.fresh-landing .security-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(45px,8vw,120px);align-items:center; }
.fresh-landing .security-art { grid-column:2; }
.fresh-landing .security-grid>div { grid-column:1; }
.fresh-landing .security-art img { width:min(490px,100%);filter:drop-shadow(0 25px 35px rgba(16,40,62,.15)); }
.fresh-landing .security-points { grid-template-columns:1fr 1fr;gap:0 30px;margin-top:24px; }
.fresh-landing .security-points>div { padding:17px 0;border-top:1px solid #d3dfe5; }
.fresh-landing .security-points b { color:#153950; }.fresh-landing .security-points span { color:#60798a; }
.fresh-landing .fresh-admin { background:#e9f1f5; }
.fresh-landing .admin-feature-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px; }
.fresh-landing .admin-feature-grid span { min-height:61px;padding:12px 0;border-top:1px solid #c9d9e1;color:#24465c;font-size:13px; }
.fresh-landing .admin-feature-grid span:before { content:'↗';margin-left:10px;color:#0875bd; }
.fresh-landing .fresh-faq { background:#f8fafb; }
.fresh-landing .fresh-faq .fresh-heading { max-width:none; }
.fresh-landing .fresh-faq .fresh-heading h2 { max-width:620px; }
.fresh-landing .faq-grid { grid-template-columns:1fr 1fr;gap:0 48px; }
.fresh-landing .faq-grid details { border-top:1px solid #d1dee4;border-radius:0;background:transparent; }
.fresh-landing .faq-grid summary { padding:19px 0;color:#183c54;font-size:15px; }
.fresh-landing .faq-grid p { padding:0 0 18px;color:#5b7383;font-size:13px;line-height:1.9; }
.fresh-landing .fresh-cta { background:#f8fafb; }
.fresh-landing .fresh-cta .cta-pro { min-height:245px;padding:clamp(30px,5vw,64px);border-radius:14px;background:#0875bd; }
.fresh-landing .fresh-cta .cta-pro h2 { color:white;font-size:clamp(30px,3.5vw,44px); }
.fresh-landing .fresh-cta .cta-pro p { color:#d9eff9; }
.fresh-landing .fresh-cta .btn-light { color:#073451;background:#9ee9ef; }
.fresh-landing .fresh-cta .btn-outline { color:white;border-color:#c3e5f2; }
.fresh-landing .pro-footer { padding-top:56px;color:#d2e0e8;background:#10283e; }
.fresh-landing .pro-footer .brand { color:white; }.fresh-landing .pro-footer .brand small,.fresh-landing .pro-footer a { color:#b4cfdd; }
.fresh-landing .copyright { border-color:rgba(210,230,238,.22); }

/* The full account workspace shares the new bright market desk, independent of its public hero. */
body { background:#f1f5f7;color:#18364d; }
.app-shell { grid-template-columns:268px minmax(0,1fr);background:#f1f5f7; }
.sidebar { position:sticky;top:0;width:268px;height:100dvh;background:#102b43;border-inline-end:0;box-shadow:8px 0 30px rgba(15,43,65,.07); }
.sidebar .brand,.sidebar .brand small,.sidebar a,.sidebar .menu-ico { color:#e7f2f7; }
.sidebar a { min-height:46px;border-radius:7px; }
.sidebar a.active,.sidebar a:hover { color:#fff;background:#174d70; }
.main { min-width:0;background:#f1f5f7; }
.topbar { min-height:77px;background:rgba(248,250,251,.94);border-bottom:1px solid #dce6eb;box-shadow:none; }
.topbar h2,.page-title,.panel h3,.panel-title h3 { color:#16384f; }
.panel,.stat,.ratebox,.setting-card,.portfolio-hero { border:1px solid #d9e4e9;border-radius:12px;background:#fff;box-shadow:0 8px 26px rgba(21,48,68,.045); }
.panel-title p,.panel p,.stat span { color:#61798a; }
.main .btn-primary,.main button.btn-primary { color:white;background:#0875bd;border-color:#0875bd;box-shadow:none; }
.main .btn-primary:hover { background:#08649f; }
.main input,.main select,.main textarea { border-color:#cbdbe2;border-radius:7px;background:#fff;color:#16384f; }
.tablewrap { border:1px solid #d8e3e8;border-radius:10px;background:#fff; }
.tablewrap th { color:#3f5d70;background:#edf3f6; }
.tablewrap td,.tablewrap th { border-bottom-color:#e0e8ec; }
.mobile-nav { border:1px solid #d4e0e6;background:rgba(255,255,255,.96);box-shadow:0 -7px 24px rgba(16,40,62,.08); }
.mobile-nav a { color:#527084; }.mobile-nav a.active { color:#0875bd; }
.auth-shell { background:#f1f5f7;color:#15364d; }
.auth-shell:before { opacity:.12; }
.auth-art { background:linear-gradient(145deg,rgba(10,38,60,.9),rgba(15,75,106,.82)),url("assets/workspace-shiraz.png") center/cover; }
.auth-card { border-radius:12px; }
body[data-theme="dark"] { background:#0d1c29;color:#e4edf2; }
body[data-theme="dark"] .app-shell,body[data-theme="dark"] .main { background:#0d1c29; }
body[data-theme="dark"] .topbar { background:rgba(15,34,49,.96);border-color:#294050; }
body[data-theme="dark"] .topbar h2,body[data-theme="dark"] .page-title,body[data-theme="dark"] .panel h3,body[data-theme="dark"] .panel-title h3 { color:#edf5f8; }
body[data-theme="dark"] .panel,body[data-theme="dark"] .stat,body[data-theme="dark"] .ratebox,body[data-theme="dark"] .setting-card,body[data-theme="dark"] .portfolio-hero,body[data-theme="dark"] .tablewrap { background:#152a3a;border-color:#2d4657; }
body[data-theme="dark"] .main input,body[data-theme="dark"] .main select,body[data-theme="dark"] .main textarea { color:#e4edf2;background:#102232;border-color:#3a5668; }
body[data-theme="dark"] .tablewrap th { color:#dceaf0;background:#1b3447; }
body[data-theme="dark"] .mobile-nav { background:rgba(17,38,54,.97);border-color:#304b5d; }
body[data-theme="dark"] .fresh-landing { background:#101e2a;color:#e5edf2; }
body[data-theme="dark"] .fresh-landing .pro-nav { background:rgba(16,30,42,.95)!important;border-color:#2d4554!important; }
body[data-theme="dark"] .fresh-landing .nav.pro-nav .navlinks,body[data-theme="dark"] .fresh-landing .nav.pro-nav .brand { color:#e5edf2; }
body[data-theme="dark"] .fresh-landing .fresh-services,body[data-theme="dark"] .fresh-landing .fresh-how,body[data-theme="dark"] .fresh-landing .fresh-security,body[data-theme="dark"] .fresh-landing .fresh-faq,body[data-theme="dark"] .fresh-landing .fresh-cta { background:#101e2a; }
body[data-theme="dark"] .fresh-landing .fresh-rates,body[data-theme="dark"] .fresh-landing .fresh-admin,body[data-theme="dark"] .fresh-landing .quick-trade-section { background:#162b3a; }
body[data-theme="dark"] .fresh-landing .quick-card,body[data-theme="dark"] .fresh-landing .quick-rate-chart { background:#102232;border-color:#355267; }
body[data-theme="dark"] .fresh-landing .fresh-service-layout .section-title h2,body[data-theme="dark"] .fresh-landing .fresh-heading h2,body[data-theme="dark"] .fresh-landing .rate-copy h2,body[data-theme="dark"] .fresh-landing .security-grid h2,body[data-theme="dark"] .fresh-landing .preview-copy h2,body[data-theme="dark"] .fresh-landing .quick-card h3,body[data-theme="dark"] .fresh-landing .quick-trade-section .section-title h2 { color:#eef5f7; }
body[data-theme="dark"] .fresh-landing .fresh-service-layout .section-title p,body[data-theme="dark"] .fresh-landing .fresh-heading p,body[data-theme="dark"] .fresh-landing .rate-copy>p,body[data-theme="dark"] .fresh-landing .security-grid>div>p,body[data-theme="dark"] .fresh-landing .preview-copy>p { color:#b6c8d2; }
body[data-theme="dark"] .fresh-landing .fresh-feature-list .feature h3,body[data-theme="dark"] .fresh-landing .fresh-flow-grid .flow-head h3,body[data-theme="dark"] .fresh-landing .faq-grid summary { color:#e6f0f4; }
body[data-theme="dark"] .fresh-landing .fresh-feature-list .feature p,body[data-theme="dark"] .fresh-landing .faq-grid p { color:#b2c4cf; }
body[data-theme="dark"] .fresh-landing .public-rate-cards b { color:#edf5f8; }
body[data-theme="dark"] .fresh-landing .fresh-workspace-points span { color:#d9e8ee;border-color:rgba(203,228,236,.2); }
body[data-theme="dark"] .fresh-landing .pro-footer { background:#091722; }
@media(max-width:1120px){.fresh-landing .fresh-service-layout{grid-template-columns:1fr;gap:34px}.fresh-landing .fresh-service-layout>.section-title{position:static;max-width:720px}.fresh-landing .nav.pro-nav .navlinks{gap:10px}.fresh-landing .app-shell{grid-template-columns:238px minmax(0,1fr)}.fresh-landing .sidebar{width:238px}}
@media(max-width:940px){.fresh-landing .hero-pro-grid{width:min(100% - 40px,760px)}.fresh-landing .hero-pro{min-height:0}.fresh-landing .hero-visual{min-height:330px}.fresh-landing .fresh-workspace .preview-grid,.fresh-landing .rates-showcase-grid,.fresh-landing .security-grid{grid-template-columns:1fr;gap:35px}.fresh-landing .fresh-workspace .preview-window,.fresh-landing .fresh-workspace .preview-copy,.fresh-landing .security-art,.fresh-landing .security-grid>div{grid-column:1}.fresh-landing .fresh-workspace .preview-window{order:2}.fresh-landing .fresh-workspace .preview-copy{order:1}.fresh-landing .security-art{order:2}.fresh-landing .security-grid>div{order:1}.fresh-landing .fresh-market-image{max-width:600px}.fresh-landing .security-art img{max-width:360px}.fresh-landing .quick-trade-grid{grid-template-columns:1fr}.app-shell{display:block}.sidebar{display:none!important}}
@media(max-width:760px){.fresh-landing .nav.pro-nav .nav-wrap{width:calc(100% - 24px)!important;height:62px!important;min-height:62px!important}.fresh-landing .nav.pro-nav .brand{font-size:12px}.fresh-landing .nav.pro-nav .brand img{width:36px;height:36px}.fresh-landing .nav.pro-nav .navlinks{gap:5px}.fresh-landing .nav.pro-nav .nav-site-link:not(:first-child),.fresh-landing .nav.pro-nav .theme-toggle{display:none}.fresh-landing .nav.pro-nav .nav-auth.btn{min-width:64px;min-height:36px;padding:6px 9px;font-size:10px}.fresh-landing .hero-pro:before{inset:47% 0 0}.fresh-landing .hero-pro-grid{grid-template-columns:1fr;gap:0;padding-block:24px 42px}.fresh-landing .hero-copy,.fresh-landing .hero-visual{grid-column:1;grid-row:auto}.fresh-landing .hero-copy{order:1}.fresh-landing .hero-visual{order:2;min-height:clamp(230px,68vw,340px);margin-top:6px}.fresh-landing .fresh-visual-frame{width:min(100%,440px)}.fresh-landing .hero-pro h1{font-size:clamp(39px,10vw,55px)}.fresh-landing .hero-pro p{font-size:14px}.fresh-landing .hero-actions{display:flex}.fresh-landing .hero-actions .btn{flex:1;min-width:0;min-height:47px;font-size:12px}.fresh-landing .fresh-proof{gap:8px 15px;font-size:10px}.fresh-landing .hero-index{right:20px;bottom:12px}.fresh-landing .fresh-stats .stats-grid{width:calc(100% - 24px);grid-template-columns:repeat(2,minmax(0,1fr))}.fresh-landing .fresh-stats .stats-grid>div{min-height:59px;padding-inline:8px}.fresh-landing .fresh-stats .stats-grid>div:nth-child(2){border-left:0}.fresh-landing .quick-trade-section{padding-block:56px}.fresh-landing .quick-trade-section>.container{width:calc(100% - 28px)}.fresh-landing .quick-card{padding:18px}.fresh-landing .section{padding-block:66px}.fresh-landing .fresh-feature-list{grid-template-columns:1fr 1fr;gap:0 18px}.fresh-landing .fresh-feature-list .feature{min-height:205px}.fresh-landing .fresh-flow-grid{grid-template-columns:1fr;gap:24px}.fresh-landing .fresh-flow-grid .flow-card:nth-child(2){margin-top:0}.fresh-landing .fresh-workspace-points,.fresh-landing .faq-grid{grid-template-columns:1fr 1fr}.fresh-landing .admin-feature-grid{grid-template-columns:1fr 1fr}.fresh-landing .cta-pro{align-items:flex-start;flex-direction:column}.fresh-landing .cta-actions{width:100%}.fresh-landing .cta-actions .btn{flex:1}.main{padding-inline:14px}.topbar{margin-inline:-14px;padding-inline:14px}.panel{padding:18px}}
@media(max-width:480px){.fresh-landing .nav.pro-nav .navlinks>a.nav-buy{display:inline-flex}.fresh-landing .nav.pro-nav .nav-auth.btn{min-width:58px;padding-inline:7px}.fresh-landing .hero-actions{display:grid;grid-template-columns:1fr 1fr}.fresh-landing .fresh-feature-list{grid-template-columns:1fr}.fresh-landing .fresh-feature-list .feature{min-height:0;padding-block:17px}.fresh-landing .fresh-workspace-points,.fresh-landing .faq-grid,.fresh-landing .security-points{grid-template-columns:1fr}.fresh-landing .fresh-market-image img{border-radius:9px}.fresh-landing .admin-feature-grid{gap:0 14px}.fresh-landing .fresh-cta .cta-actions{flex-direction:column}.main{padding-inline:10px}.topbar{margin-inline:-10px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.fresh-landing .hero-dashboard-img{animation:none}}

/* VIP EXCOIN home refresh — Persian trading experience with the supplied gateway artwork. */
.fresh-landing .pro-nav{background:rgba(8,20,27,.94)!important;border-color:rgba(223,190,131,.2)!important}
.fresh-landing .nav.pro-nav .brand,.fresh-landing .nav.pro-nav .navlinks{color:#f5f1e9}
.fresh-landing .nav.pro-nav .brand small{color:#c7ae7f}
.fresh-landing .nav.pro-nav .nav-site-link:hover{color:#e8c881}
.fresh-landing .nav.pro-nav .nav-login.btn{color:#f5f1e9;border-color:#887958}
.fresh-landing .nav.pro-nav .nav-signup.btn{color:#1c201d;background:#d9bb7b;border-color:#d9bb7b}
.fresh-landing .hero-pro{background:#09151a;color:#f5f1e9;min-height:min(720px,calc(100dvh - 72px))}
.fresh-landing .hero-pro:before{inset:0;width:100%;background:radial-gradient(ellipse at 74% 48%,rgba(36,104,104,.27),transparent 37%),linear-gradient(110deg,#071116,#101f23 62%,#0a151a)}
.fresh-landing .hero-pro:after{width:min(58vw,740px);inset:7% auto auto -14%;border-color:rgba(222,192,133,.13);box-shadow:0 0 0 70px rgba(222,192,133,.018),0 0 0 140px rgba(222,192,133,.012)}
.fresh-landing .hero-pro-grid{width:min(1320px,calc(100% - 64px));grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:clamp(35px,6vw,88px)}
.fresh-landing .hero-copy{grid-column:1;grid-row:1}
.fresh-landing .hero-visual{grid-column:2;grid-row:1;min-height:530px}
.fresh-landing .fresh-visual-frame{width:min(100%,405px);height:min(590px,72vh);aspect-ratio:576/1024;border:5px solid rgba(207,174,115,.76);border-radius:48% 48% 10px 10px / 28% 28% 10px 10px;background:#102d32;box-shadow:0 24px 90px rgba(0,0,0,.45),0 0 55px rgba(48,192,194,.14)}
.fresh-landing .hero-dashboard-img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 48%;filter:none;animation:none}
.fresh-landing .hero-badge{color:#e1c37f}
.fresh-landing .hero-badge i{background:#d8ba78;box-shadow:0 0 0 5px rgba(216,186,120,.13)}
.fresh-landing .hero-pro h1{font-size:clamp(42px,5vw,66px);line-height:1.35}
.fresh-landing .hero-pro h1 span{color:#d9bd7e}
.fresh-landing .hero-pro p{color:#c5d0cd;font-size:16px;max-width:530px}
.fresh-landing .hero-actions .btn-primary{background:#d9bd7e;border-color:#d9bd7e;color:#17211f}
.fresh-landing .hero-actions .btn-primary:hover{background:#efd79e}
.fresh-landing .hero-actions .btn-outline{border-color:#82918a;color:#f4f2e9}
.fresh-landing .fresh-proof{color:#c1cbc6}
.fresh-landing .fresh-proof span:before{color:#d9bd7e}
.fresh-landing .float-chip{border-color:rgba(227,199,143,.38);background:#152a2b;color:#f6eddb}
.fresh-landing .chip-usdt b{color:#d9bd7e}
.fresh-landing .fresh-stats{background:#fff;border-bottom-color:#e9e5dc}
.fresh-landing .fresh-stats strong{color:#1b514b}
.fresh-landing .quick-trade-section{background:#f4f6f3;border-color:#e2e8e2}
.fresh-landing .quick-trade-section .section-title h2,.fresh-landing .fresh-service-layout .section-title h2,.fresh-landing .rate-copy h2,.fresh-landing .fresh-heading h2{color:#183d3a}
.fresh-landing .quick-trade-section .section-kicker,.fresh-landing .section-kicker{color:#987b42}
.fresh-landing .quick-tab.active,.fresh-landing .btn-primary{background:#176a60;border-color:#176a60}
.fresh-landing .quick-tab.active{color:#fff}
.fresh-landing .fresh-rates{background:#fff}
.fresh-landing .public-rate-cards>div{background:#f1f6f2;border-color:#dce8df}
.fresh-landing .public-rate-cards .sell{background:#faf5e9;border-color:#eee2c5}
.fresh-landing .network-pills span{background:#edf4ef;color:#276358;border-color:#d9e8de}
.fresh-landing .fresh-service-layout .feature{border-radius:18px;border-color:#e4e9e3}
.fresh-landing .fresh-service-layout .ico{background:#e8f2ed;color:#22695d}
.fresh-landing .fresh-buy-flow,.fresh-landing .fresh-sell-flow{border-color:#e5e8e1;background:#fff}
.fresh-landing .cta-pro{background:linear-gradient(115deg,#143d3a,#1e6559);border-radius:18px}
.fresh-landing .cta-pro .btn-light{background:#dec486;color:#182522}
.fresh-landing .pro-footer{background:#09171a}
body[data-theme="dark"] .fresh-landing .hero-pro{background:#09151a}
@media(max-width:760px){
 .fresh-landing .pro-nav{background:rgba(8,20,27,.97)!important}
 .fresh-landing .hero-pro:before{inset:0;background:linear-gradient(180deg,#0a171b 42%,rgba(10,23,27,.78) 100%),radial-gradient(ellipse at 50% 76%,rgba(36,104,104,.27),transparent 50%)}
 .fresh-landing .hero-pro-grid{grid-template-columns:1fr;width:calc(100% - 30px);padding-block:24px 38px}
 .fresh-landing .hero-copy{order:1}
 .fresh-landing .hero-visual{order:2;min-height:0;margin-top:22px}
 .fresh-landing .fresh-visual-frame{width:min(78vw,330px);height:auto;aspect-ratio:576/1024;border-width:4px}
 .fresh-landing .hero-pro h1{font-size:clamp(38px,10vw,52px)}
 .fresh-landing .hero-pro p{font-size:14px}
 .fresh-landing .hero-index{display:none}
 .fresh-landing .chip-usdt{top:7%;left:2%}.fresh-landing .chip-secure{right:1%;bottom:7%}
}

/* Visual reset for a calmer, editorial financial landing page. */
.fresh-landing{--fresh-ink:#173631;--fresh-muted:#61736e;--fresh-blue:#176b5b;--fresh-cyan:#72c8b9;--fresh-line:#dce5df;--fresh-pale:#eef4ef;background:#f7f9f6;color:#173631}
.fresh-landing .pro-nav{background:rgba(248,250,247,.96)!important;border-bottom:1px solid #dfe7e1!important;backdrop-filter:blur(14px)!important}
.fresh-landing .nav.pro-nav .brand,.fresh-landing .nav.pro-nav .navlinks{color:#183a34}
.fresh-landing .nav.pro-nav .brand small{color:#6d827a}
.fresh-landing .nav.pro-nav .nav-site-link:hover{color:#177460}
.fresh-landing .nav.pro-nav .nav-login.btn{color:#1b564c;border-color:#b8cbc2}
.fresh-landing .nav.pro-nav .nav-signup.btn{background:#176b5b;border-color:#176b5b;color:#fff}
.fresh-landing .nav.pro-nav .nav-signup.btn:hover{background:#105548}
.fresh-landing .hero-pro{min-height:min(690px,calc(100dvh - 70px));background:#edf3ef;color:#173631}
.fresh-landing .hero-pro:before{inset:0;width:100%;z-index:-1;background:radial-gradient(ellipse at 18% 55%,rgba(61,139,116,.09),transparent 36%),linear-gradient(110deg,#e5eee8,#f4f7f3 55%,#edf3ef)}
.fresh-landing .hero-pro:after{width:min(38vw,520px);inset:14% auto auto 2%;border-color:rgba(23,107,91,.09);box-shadow:0 0 0 32px rgba(23,107,91,.025),0 0 0 72px rgba(23,107,91,.018)}
.fresh-landing .hero-pro-grid{width:min(1240px,calc(100% - 64px));grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);gap:clamp(30px,5vw,76px);padding-block:18px}
.fresh-landing .hero-copy{color:#173631;max-width:590px}
.fresh-landing .hero-visual{min-height:0;align-self:center;display:grid;place-items:center}
.fresh-landing .fresh-visual-frame{width:min(100%,340px);height:auto;aspect-ratio:576/1024;overflow:hidden;border:4px solid #527e6d;border-radius:49% 49% 7px 7px / 20% 20% 7px 7px;background:#142d2b;box-shadow:0 24px 60px rgba(28,70,56,.19),0 0 0 10px rgba(255,255,255,.42)}
.fresh-landing .hero-dashboard-img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none;animation:none}
.fresh-landing .hero-index,.fresh-landing .float-chip{display:none}
.fresh-landing .hero-badge{color:#287460;font-weight:700;font-size:12px;letter-spacing:.025em}
.fresh-landing .hero-badge i{background:#45a78e;box-shadow:0 0 0 5px rgba(69,167,142,.13)}
.fresh-landing .hero-pro h1{max-width:660px;margin:18px 0 18px;color:#173631;font-size:clamp(40px,4.45vw,58px);line-height:1.35;letter-spacing:-.035em}
.fresh-landing .hero-pro h1 span{color:#176b5b}
.fresh-landing .hero-pro p{max-width:500px;margin-bottom:0;color:#5b7068;font-size:16px;line-height:2}
.fresh-landing .hero-actions{gap:12px;margin-top:27px}
.fresh-landing .hero-actions .btn{min-width:148px;min-height:49px;border-radius:9px;font-size:13px}
.fresh-landing .hero-actions .btn-primary{background:#176b5b;border-color:#176b5b;color:#fff;box-shadow:0 9px 22px rgba(23,107,91,.15)}
.fresh-landing .hero-actions .btn-primary:hover{background:#105548}
.fresh-landing .hero-actions .btn-outline{color:#1d5c50;border-color:#9db9ad;background:rgba(255,255,255,.38)}
.fresh-landing .fresh-stats{background:#fff;border-bottom:1px solid #e1e8e2}
.fresh-landing .fresh-stats .stats-grid{width:min(1120px,calc(100% - 48px));padding-block:14px}
.fresh-landing .fresh-stats .stats-grid>div{min-height:65px;padding-inline:22px;border-color:#e2e9e3}
.fresh-landing .fresh-stats strong{color:#205d50;font-size:17px;letter-spacing:0}
.fresh-landing .fresh-stats span{color:#728078;font-size:11px}
.fresh-landing .section-kicker,.fresh-landing .section-title .section-kicker{color:#327d69}
.fresh-landing .quick-trade-section{padding-block:72px;background:#eff4f0;border-color:#e0e8e1}
.fresh-landing .quick-trade-section .section-title h2,.fresh-landing .fresh-service-layout .section-title h2,.fresh-landing .rate-copy h2,.fresh-landing .fresh-heading h2,.fresh-landing .preview-copy h2,.fresh-landing .security-grid h2{color:#173d36}
.fresh-landing .quick-trade-section .section-title p,.fresh-landing .section-title p{color:#62746c}
.fresh-landing .quick-rate-chart,.fresh-landing .quick-card{border-color:#dce6df;border-radius:14px;box-shadow:0 9px 24px rgba(33,75,59,.045)}
.fresh-landing .quick-tab.active,.fresh-landing .btn-primary{background:#176b5b;border-color:#176b5b}
.fresh-landing .quick-tab.active{color:#fff}
.fresh-landing .fresh-rates{background:#fbfcfa}
.fresh-landing .public-rate-cards>div{background:#edf5f0;border-color:#d8e7dc;border-radius:12px}
.fresh-landing .public-rate-cards .sell{background:#f4f5ef;border-color:#e2e5d9}
.fresh-landing .network-pills span{background:#edf4ef;color:#276358;border-color:#d9e8de}
.fresh-landing .fresh-service-layout .feature{border-radius:14px;border-color:#e0e8e1;background:#fff}
.fresh-landing .fresh-service-layout .feature:nth-child(2),.fresh-landing .fresh-service-layout .feature:nth-child(5){background:#eaf3ed}
.fresh-landing .fresh-service-layout .ico{background:#e3f0e9;color:#22695d;border-radius:14px}
.fresh-landing .fresh-buy-flow,.fresh-landing .fresh-sell-flow{border-color:#dfe7e0;border-radius:14px;background:#fff}
.fresh-landing .fresh-workspace{background:#eaf1ec}
.fresh-landing .fresh-workspace .preview-window{border-radius:14px;overflow:hidden}
.fresh-landing .cta-pro{background:#174b41;border-radius:14px}
.fresh-landing .cta-pro .btn-light{background:#fff;color:#174b41}
.fresh-landing .cta-pro .btn-outline{color:#fff;border-color:rgba(255,255,255,.45)}
.fresh-landing .pro-footer{background:#102c29}
.fresh-landing .pro-footer .brand img{border-radius:50%}
body[data-theme="dark"] .fresh-landing .hero-pro{background:#122522}
@media(max-width:760px){
 .fresh-landing .pro-nav{background:rgba(248,250,247,.97)!important}
 .fresh-landing .hero-pro{min-height:0}
 .fresh-landing .hero-pro:before{inset:0;background:linear-gradient(180deg,#edf3ef,#e8f0ea)}
 .fresh-landing .hero-pro:after{width:65vw;inset:auto auto 5% -18%}
 .fresh-landing .hero-pro-grid{grid-template-columns:1fr;width:calc(100% - 32px);gap:17px;padding-block:32px 34px}
 .fresh-landing .hero-copy{grid-column:1;grid-row:1;max-width:600px}
 .fresh-landing .hero-visual{grid-column:1;grid-row:2;min-height:0;margin:0}
 .fresh-landing .fresh-visual-frame{width:min(62vw,270px);height:auto;aspect-ratio:576/1024;border-width:3px}
 .fresh-landing .hero-pro h1{margin-block:13px;font-size:clamp(36px,9vw,48px);line-height:1.35}
 .fresh-landing .hero-pro p{font-size:14px}
 .fresh-landing .hero-actions .btn{min-width:0;flex:1}
 .fresh-landing .fresh-stats .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
 .fresh-landing .fresh-stats .stats-grid>div{border-bottom:1px solid #e2e9e3;padding-inline:8px}
 .fresh-landing .fresh-stats .stats-grid>div:nth-child(2){border-left:0}
 .fresh-landing .fresh-stats .stats-grid>div:nth-child(n+3){border-bottom:0}
}
.fresh-landing .hero-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:max-content;max-width:100%}
.fresh-landing .hero-actions .btn{width:auto;flex:0 0 auto;min-width:155px;padding-inline:20px}
@media(max-width:760px){.fresh-landing .hero-actions{width:min(100%,440px)}.fresh-landing .hero-actions .btn{width:auto;flex:1 1 0;min-width:0}}
@media(max-width:480px){.fresh-landing .hero-actions{display:flex;flex-direction:column;align-items:stretch;width:min(100%,360px)}.fresh-landing .hero-actions .btn{width:100%;flex:auto}}

/* Harmonize every public section in both saved color modes. */
.fresh-landing .fresh-workspace .preview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px)}
.fresh-landing .fresh-workspace .preview-window img{display:block;width:min(100%,570px);margin-inline:auto;border:1px solid #d4e1d8;border-radius:14px;box-shadow:0 20px 48px rgba(34,72,57,.12)}
.fresh-landing .fresh-security .security-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(34px,5vw,72px)}
.fresh-landing .fresh-security .security-art{width:100%;max-width:450px;min-height:330px;margin:0;justify-self:center;align-self:center;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:38px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(145deg,#164b40,#0e362f);color:#f5fbf7;box-shadow:0 20px 42px rgba(25,74,61,.13)}
.fresh-landing .security-emblem{display:grid;place-items:center;width:58px;height:58px;margin-bottom:26px;border-radius:16px;background:rgba(126,210,183,.15);color:#9be3c9}
.fresh-landing .security-emblem .vx-icon{width:30px;height:30px}
.fresh-landing .security-art>span{margin-bottom:8px;color:#a7dac6;font-size:12px}
.fresh-landing .security-art>b{max-width:300px;color:#fff;font-size:22px;line-height:1.6}
.fresh-landing .security-art>p{max-width:340px;margin:8px 0 20px;color:#c4ddd2;font-size:13px;line-height:1.9}
.fresh-landing .security-checks{display:flex;flex-wrap:wrap;gap:8px}
.fresh-landing .security-checks small{padding:7px 10px;border:1px solid rgba(218,244,232,.22);border-radius:999px;color:#e1f2e9;font-size:10px}
.fresh-landing .security-points>div{border-color:#dce6df}
.fresh-landing .security-points b{color:#173d36}.fresh-landing .security-points span{color:#60736b}
.fresh-landing .fresh-feature-list .feature{min-height:190px;padding:22px 20px 24px;border:1px solid #e0e8e1;border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(33,75,59,.035)}
.fresh-landing .fresh-feature-list .feature:nth-child(2),.fresh-landing .fresh-feature-list .feature:nth-child(5){background:#eaf3ed}
.fresh-landing .fresh-feature-list .feature:hover{padding-top:18px;transform:translateY(-2px);border-color:#9dc6b2;box-shadow:0 12px 24px rgba(33,75,59,.08)}
.fresh-landing .fresh-feature-list .feature h3{color:#173d36}
.fresh-landing .fresh-feature-list .feature p{color:#60736b}
.fresh-landing .fresh-feature-list .ico{border-color:#cfe1d5;background:#e3f0e9;color:#22695d}
.fresh-landing .fresh-flow-grid .flow-card:nth-child(2){border-color:#4a9b81}
.fresh-landing .fresh-flow-grid .flow-head>.vx-icon{background:#e3f0e9;color:#22695d}
.fresh-landing .fresh-flow-grid .flow-card li{border-color:#dce6df}
.fresh-landing .fresh-flow-grid .flow-card li:before{color:#176b5b;background:#e4f0e8}
.fresh-landing .fresh-rates .fresh-market-image img{mix-blend-mode:normal;border-radius:14px;box-shadow:0 18px 44px rgba(31,72,65,.12)}
.fresh-landing .public-rate-cards>div{background:#edf5f0;border-color:#d8e7dc}
.fresh-landing .public-rate-cards .sell{background:#f3f5f0;border-color:#dce5dc}
.fresh-landing .fresh-admin .admin-feature-grid span{border-color:#d4e1d8;color:#315d50}
body[data-theme="dark"] .fresh-landing .fresh-service-layout .feature{background:#18332f;border-color:#294b42;box-shadow:none}
body[data-theme="dark"] .fresh-landing .fresh-service-layout .feature:nth-child(2),body[data-theme="dark"] .fresh-landing .fresh-service-layout .feature:nth-child(5){background:#203c34}
body[data-theme="dark"] .fresh-landing .fresh-service-layout .feature h3{color:#f0f7f3}
body[data-theme="dark"] .fresh-landing .fresh-service-layout .feature p{color:#bed2c9}
body[data-theme="dark"] .fresh-landing .fresh-service-layout .ico{border-color:#3d6658;background:#244b40;color:#9be3c9}
body[data-theme="dark"] .fresh-landing .fresh-workspace{background:#162b3a;color:#e5edf2}
body[data-theme="dark"] .fresh-landing .fresh-workspace .preview-copy h2{color:#f0f6f4}
body[data-theme="dark"] .fresh-landing .fresh-workspace .preview-copy>p{color:#bdcbd1}
body[data-theme="dark"] .fresh-landing .fresh-workspace .preview-window img{border-color:#365365;box-shadow:0 20px 48px rgba(0,0,0,.22)}
body[data-theme="dark"] .fresh-landing .fresh-workspace-points span{color:#d5e3dd;border-color:#345044}
body[data-theme="dark"] .fresh-landing .fresh-security{background:#101e2a}
body[data-theme="dark"] .fresh-landing .security-points>div{border-color:#345044}
body[data-theme="dark"] .fresh-landing .security-points b{color:#edf5f1}
body[data-theme="dark"] .fresh-landing .security-points span{color:#bdcec5}
body[data-theme="dark"] .fresh-landing .fresh-flow-grid .flow-card li{border-color:#304c47;color:#d5e3dd}
body[data-theme="dark"] .fresh-landing .fresh-flow-grid .flow-card li:before{color:#9be3c9;background:#24473e}
body[data-theme="dark"] .fresh-landing .fresh-flow-grid .flow-head>.vx-icon{background:#24473e;color:#9be3c9}
body[data-theme="dark"] .fresh-landing .fresh-rates .fresh-market-image img{mix-blend-mode:normal;border:1px solid #304b50}
body[data-theme="dark"] .fresh-landing .public-rate-cards>div,body[data-theme="dark"] .fresh-landing .public-rate-cards .sell{background:#1c373c;border-color:#345450}
body[data-theme="dark"] .fresh-landing .public-rate-cards small,body[data-theme="dark"] .fresh-landing .public-rate-cards span{color:#c3d5cf}
body[data-theme="dark"] .fresh-landing .fresh-admin .admin-feature-grid span{border-color:#304b50;color:#d5e3dd}
@media(max-width:940px){.fresh-landing .fresh-security .security-art{order:2;max-width:520px;min-height:0}.fresh-landing .fresh-workspace .preview-window{order:2}.fresh-landing .fresh-workspace .preview-copy{order:1}}
@media(max-width:560px){.fresh-landing .fresh-security .security-art{padding:27px;min-height:0}.fresh-landing .security-checks{gap:6px}.fresh-landing .fresh-feature-list .feature{padding:19px 16px}}
/* Keep the intentionally split sections in one grid row; explicit columns otherwise create accidental empty rows. */
.fresh-landing .fresh-workspace .preview-window,.fresh-landing .fresh-workspace .preview-copy{grid-row:1}
.fresh-landing .fresh-security .security-art,.fresh-landing .fresh-security .security-grid>div{grid-row:1}
.fresh-landing .fresh-cta .cta-pro{background:linear-gradient(115deg,#174b41,#1f6855)}
body[data-theme="dark"] .fresh-landing .fresh-cta .cta-pro{background:linear-gradient(115deg,#174b41,#1f6855)}
@media(max-width:940px){.fresh-landing .fresh-workspace .preview-window,.fresh-landing .fresh-workspace .preview-copy,.fresh-landing .fresh-security .security-art,.fresh-landing .fresh-security .security-grid>div{grid-row:auto}}
body[data-theme="dark"] .fresh-landing .nav.pro-nav .nav-signup.btn{color:#f4fbf6;background:#176b5b;border-color:#176b5b}
body[data-theme="dark"] .fresh-landing .nav.pro-nav .theme-toggle{color:#e3eee8;background:#18312e;border-color:#38574d}
body[data-theme="dark"] .fresh-landing .hero-actions .btn-primary{color:#0d2d25;background:#91d6b9;border-color:#91d6b9}
body[data-theme="dark"] .fresh-landing .hero-actions .btn-outline{color:#e7f2ed;background:rgba(255,255,255,.04);border-color:#78978b}

/* Shiraz / Persian garden visual identity: lapis night, turquoise tile, garden green, warm wood. */
.fresh-landing{--fresh-ink:#10283a;--fresh-muted:#607684;--fresh-blue:#149f9b;--fresh-cyan:#55d3d0;--fresh-line:#d4e3e1;--fresh-pale:#edf4f1;background:#f1f5f3;color:#10283a}
.fresh-landing .pro-nav{background:rgba(8,22,35,.97)!important;border-color:rgba(117,199,199,.22)!important}
.fresh-landing .nav.pro-nav .brand,.fresh-landing .nav.pro-nav .navlinks{color:#edf5f1}
.fresh-landing .nav.pro-nav .brand small{color:#84bbb7}
.fresh-landing .nav.pro-nav .nav-site-link:hover{color:#70dfd4}
.fresh-landing .nav.pro-nav .nav-login.btn{color:#e8f3f1;border-color:#52727a}
.fresh-landing .nav.pro-nav .nav-signup.btn{color:#092936;background:#54d2ce;border-color:#54d2ce}
.fresh-landing .nav.pro-nav .theme-toggle{color:#e8f3f1;background:#132b3b;border-color:#456470}
.fresh-landing .hero-pro{background:#091827;color:#f4f0e7}
.fresh-landing .hero-pro:before{inset:0;z-index:-1;width:100%;background:radial-gradient(ellipse at 77% 50%,rgba(34,142,147,.24),transparent 35%),radial-gradient(ellipse at 15% 83%,rgba(44,102,75,.16),transparent 31%),linear-gradient(112deg,#081522 0%,#10263a 55%,#0b1b2a 100%)}
.fresh-landing .hero-pro:after{width:min(43vw,610px);inset:8% auto auto 0;border-color:rgba(83,211,202,.2);box-shadow:0 0 0 30px rgba(83,211,202,.035),0 0 0 74px rgba(224,174,111,.025)}
.fresh-landing .fresh-visual-frame{border-color:#c39669;box-shadow:0 0 0 5px rgba(73,203,199,.14),0 24px 64px rgba(0,0,0,.32)}
.fresh-landing .hero-copy{color:#f4f0e7}
.fresh-landing .hero-badge{color:#78d8cb}
.fresh-landing .hero-badge i{background:#54d2ce;box-shadow:0 0 0 5px rgba(84,210,206,.17)}
.fresh-landing .hero-pro h1{color:#f6f2e9}
.fresh-landing .hero-pro h1 span{color:#62d4d0}
.fresh-landing .hero-pro p{color:#c2d0d0}
.fresh-landing .hero-actions .btn-primary{color:#082a32;background:#59d1ca;border-color:#59d1ca;box-shadow:0 10px 28px rgba(28,175,169,.2)}
.fresh-landing .hero-actions .btn-primary:hover{background:#8be5d9}
.fresh-landing .hero-actions .btn-outline{color:#f1eee5;background:rgba(255,255,255,.035);border-color:#718c91}
.fresh-landing .fresh-stats{background:#102a3d;border-color:#29485a}
.fresh-landing .fresh-stats .stats-grid>div{border-color:rgba(159,205,201,.22)}
.fresh-landing .fresh-stats strong{color:#82dbce}
.fresh-landing .fresh-stats span{color:#c3d2d2}
.fresh-landing .quick-trade-section{background:#e8f1ef;border-color:#d2e1df}
.fresh-landing .quick-trade-section .section-title h2,.fresh-landing .fresh-service-layout .section-title h2,.fresh-landing .rate-copy h2,.fresh-landing .fresh-heading h2,.fresh-landing .preview-copy h2,.fresh-landing .security-grid h2{color:#112e43}
.fresh-landing .section-kicker{color:#147c7d}
.fresh-landing .quick-rate-chart,.fresh-landing .quick-card{border-color:#c7dcda}
.fresh-landing .quick-step{background:#147f83}
.fresh-landing .quick-tab.active,.fresh-landing .quick-actions .btn-primary,.fresh-landing .quick-card .btn-primary{background:#126d72;border-color:#126d72;color:#fff}
.fresh-landing .quick-card input:focus,.fresh-landing .quick-card select:focus{border-color:#169e9c;box-shadow:0 0 0 3px rgba(22,158,156,.13)}
.fresh-landing .fresh-services{background:#10283b}
.fresh-landing .fresh-service-layout .section-title h2,.fresh-landing .fresh-heading h2{color:#f0f1e9}
.fresh-landing .fresh-service-layout .section-title p,.fresh-landing .fresh-heading p{color:#b8c9cb}
.fresh-landing .fresh-text-link{color:#67d6d0}
.fresh-landing .fresh-text-link span{border-color:#4a7378}
.fresh-landing .fresh-feature-list .feature{border-color:#355362;background:#173348;box-shadow:0 12px 30px rgba(3,17,29,.12)}
.fresh-landing .fresh-feature-list .feature:nth-child(2),.fresh-landing .fresh-feature-list .feature:nth-child(5){background:#17423e;border-color:#28665e}
.fresh-landing .fresh-feature-list .feature h3{color:#f1f2e9}
.fresh-landing .fresh-feature-list .feature p{color:#bfd0d0}
.fresh-landing .fresh-feature-list .fresh-number{color:#d6b17b}
.fresh-landing .fresh-feature-list .ico{background:#163f4b;border-color:#3e777a;color:#71dcd2}
.fresh-landing .fresh-rates{background:#0d2031}
.fresh-landing .fresh-rates .rate-copy h2{color:#f0f2eb}
.fresh-landing .fresh-rates .rate-copy>p{color:#bdcbce}
.fresh-landing .public-rate-cards{border-color:#34515e}
.fresh-landing .public-rate-cards>div,.fresh-landing .public-rate-cards .sell{background:#17364a;border-color:#355c68}
.fresh-landing .public-rate-cards small,.fresh-landing .public-rate-cards span{color:#c6d6d4}
.fresh-landing .public-rate-cards b{color:#8ce0d6}
.fresh-landing .network-pills span{color:#d4e8e2;background:#17364a;border-color:#3c626b}
.fresh-landing .fresh-how{background:#f0f4f1}
.fresh-landing .fresh-how .fresh-heading h2{color:#16384a}
.fresh-landing .fresh-how .fresh-heading p{color:#647983}
.fresh-landing .fresh-flow-grid .flow-card{border-color:#268d89}
.fresh-landing .fresh-flow-grid .flow-card:nth-child(2){border-color:#c39361}
.fresh-landing .fresh-flow-grid .flow-head h3{color:#183d4e}
.fresh-landing .fresh-flow-grid .flow-head p,.fresh-landing .fresh-flow-grid .flow-card li{color:#596f78}
.fresh-landing .fresh-flow-grid .flow-head>.vx-icon{background:#dcefeb;color:#157b7b}
.fresh-landing .fresh-flow-grid .flow-card li{border-color:#d5e1dd}
.fresh-landing .fresh-flow-grid .flow-card li:before{background:#dcefeb;color:#137c7a}
.fresh-landing .fresh-workspace{background:#123b3e;color:#f0f3ed}
.fresh-landing .fresh-workspace .preview-copy h2{color:#f1f2e9}
.fresh-landing .fresh-workspace .preview-copy>p{color:#c2d1ce}
.fresh-landing .fresh-workspace-points span{color:#dbe7df;border-color:rgba(176,216,203,.27)}
.fresh-landing .fresh-workspace-points span:before{color:#75ded2}
.fresh-landing .fresh-workspace .preview-window img{border-color:#68b8ac;box-shadow:0 22px 52px rgba(1,20,24,.3)}
.fresh-landing .fresh-security{background:#f0f4f1}
.fresh-landing .fresh-security .security-grid h2{color:#16384a}
.fresh-landing .fresh-security .security-grid>div>p{color:#60747b}
.fresh-landing .fresh-security .security-points>div{border-color:#d3e1dc}
.fresh-landing .fresh-security .security-points b{color:#173d48}
.fresh-landing .fresh-security .security-points span{color:#647980}
.fresh-landing .security-art{background:linear-gradient(145deg,#174d49,#102f3b);border-color:#397d75;box-shadow:0 22px 50px rgba(17,67,67,.17)}
.fresh-landing .security-emblem{background:rgba(102,213,198,.17);color:#85e3d3}
.fresh-landing .security-art>span{color:#8de0d1}
.fresh-landing .security-art>p{color:#c7d9d5}
.fresh-landing .security-checks small{border-color:rgba(184,225,211,.28);color:#e3f1e9}
.fresh-landing .fresh-admin{background:#10283b}
.fresh-landing .fresh-admin .fresh-heading h2{color:#f0f1e9}
.fresh-landing .fresh-admin .fresh-heading p{color:#bdcdce}
.fresh-landing .fresh-admin .admin-feature-grid span{border-color:#355462;color:#d6e3df}
.fresh-landing .fresh-admin .admin-feature-grid span:before{color:#71d7cd}
.fresh-landing .fresh-faq{background:#f4f6f3}
.fresh-landing .fresh-faq .fresh-heading h2{color:#183a4a}
.fresh-landing .fresh-faq .faq-grid details{border-color:#d4e0dc}
.fresh-landing .fresh-faq .faq-grid summary{color:#183e4b}
.fresh-landing .fresh-faq .faq-grid p{color:#61757a}
.fresh-landing .fresh-cta{background:#f4f6f3}
.fresh-landing .fresh-cta .cta-pro,body[data-theme="dark"] .fresh-landing .fresh-cta .cta-pro{background:linear-gradient(115deg,#153a4d,#126b69);border:1px solid rgba(90,204,190,.35)}
.fresh-landing .fresh-cta .btn-light{color:#082e38;background:#69d5cc}
.fresh-landing .fresh-cta .btn-outline{color:#f2f3eb;border-color:#8aafb0}
.fresh-landing .quick-info-section{background:#e9f0ed}
.fresh-landing .quick-info-grid>div,.fresh-landing .quick-support-card{border-color:#d0dfda;border-radius:14px;background:#f8faf7}
.fresh-landing .quick-info-grid h2,.fresh-landing .quick-support-card h3{color:#163947}
.fresh-landing .quick-info-grid p,.fresh-landing .quick-support-card p{color:#62777a}
.fresh-landing .pro-footer{background:#081827;color:#d1dfdb}
.fresh-landing .pro-footer .brand{color:#f3f3ec}
.fresh-landing .pro-footer .brand small,.fresh-landing .pro-footer a{color:#91c7c1}
body[data-theme="dark"] .fresh-landing{background:#091827}
body[data-theme="dark"] .fresh-landing .pro-nav{background:rgba(8,22,35,.97)!important}
body[data-theme="dark"] .fresh-landing .fresh-stats{background:#102a3d}
body[data-theme="dark"] .fresh-landing .quick-trade-section{background:#e8f1ef}
body[data-theme="dark"] .fresh-landing .fresh-workspace{background:#123b3e}
body[data-theme="dark"] .fresh-landing .fresh-workspace .preview-copy h2{color:#f1f2e9}
body[data-theme="dark"] .fresh-landing .fresh-workspace .preview-copy>p,body[data-theme="dark"] .fresh-landing .fresh-workspace-points span{color:#d2dfd9}
body[data-theme="dark"] .fresh-landing .fresh-service-layout .feature{background:#173348;border-color:#355362}
body[data-theme="dark"] .fresh-landing .fresh-service-layout .feature:nth-child(2),body[data-theme="dark"] .fresh-landing .fresh-service-layout .feature:nth-child(5){background:#17423e;border-color:#28665e}
body[data-theme="dark"] .fresh-landing .fresh-service-layout .feature h3{color:#f1f2e9}
body[data-theme="dark"] .fresh-landing .fresh-service-layout .feature p{color:#bfd0d0}
body[data-theme="dark"] .fresh-landing .fresh-rates,body[data-theme="dark"] .fresh-landing .fresh-admin{background:#0d2031}
body[data-theme="dark"] .fresh-landing .fresh-how,body[data-theme="dark"] .fresh-landing .fresh-security,body[data-theme="dark"] .fresh-landing .fresh-faq{background:#f0f4f1;color:#10283a}
body[data-theme="dark"] .fresh-landing .fresh-security .security-grid h2,body[data-theme="dark"] .fresh-landing .fresh-how .fresh-heading h2,body[data-theme="dark"] .fresh-landing .fresh-faq .fresh-heading h2{color:#16384a}
body[data-theme="dark"] .fresh-landing .fresh-security .security-grid>div>p,body[data-theme="dark"] .fresh-landing .fresh-how .fresh-heading p,body[data-theme="dark"] .fresh-landing .fresh-faq .faq-grid p{color:#60747b}
body[data-theme="dark"] .fresh-landing .fresh-security .security-points b,body[data-theme="dark"] .fresh-landing .fresh-how .flow-head h3,body[data-theme="dark"] .fresh-landing .fresh-faq .faq-grid summary{color:#183e4b}
body[data-theme="dark"] .fresh-landing .fresh-security .security-points span,body[data-theme="dark"] .fresh-landing .fresh-how .flow-head p,body[data-theme="dark"] .fresh-landing .fresh-how .flow-card li{color:#61757a}
body[data-theme="dark"] .fresh-landing .fresh-admin .fresh-heading h2,body[data-theme="dark"] .fresh-landing .fresh-service-layout .section-title h2{color:#f0f1e9}
body[data-theme="dark"] .fresh-landing .fresh-admin .fresh-heading p,body[data-theme="dark"] .fresh-landing .fresh-service-layout .section-title p{color:#bdcdce}
body[data-theme="dark"] .fresh-landing .fresh-admin .admin-feature-grid span{color:#d6e3df;border-color:#355462}
body[data-theme="dark"] .fresh-landing .fresh-rates .rate-copy h2{color:#f0f2eb}
body[data-theme="dark"] .fresh-landing .fresh-rates .rate-copy>p{color:#bdcbce}
body[data-theme="dark"] .fresh-landing .public-rate-cards>div,body[data-theme="dark"] .fresh-landing .public-rate-cards .sell{background:#17364a;border-color:#355c68}
body[data-theme="dark"] .fresh-landing .public-rate-cards b{color:#8ce0d6}
body[data-theme="dark"] .fresh-landing .hero-actions .btn-primary{color:#082a32;background:#59d1ca;border-color:#59d1ca}
body[data-theme="dark"] .fresh-landing .hero-actions .btn-outline{color:#f1eee5;background:rgba(255,255,255,.035);border-color:#718c91}
body[data-theme="dark"] .fresh-landing .nav.pro-nav .nav-signup.btn{color:#092936;background:#54d2ce;border-color:#54d2ce}
body[data-theme="dark"] .fresh-landing .nav.pro-nav .navlinks,body[data-theme="dark"] .fresh-landing .nav.pro-nav .brand{color:#edf5f1}
body[data-theme="dark"] .fresh-landing .pro-footer{background:#081827}

/* Shiraz gateway system: keep every landing section inside one night palette. */
.fresh-landing{--gate-night:#091827;--gate-blue:#10283a;--gate-card:#142f42;--gate-turquoise:#62d4d0;--gate-stone:#d8c19c;--gate-ink:#f3f0e7;background:var(--gate-night)}
.fresh-landing>.section,.fresh-landing>.quick-trade-section,.fresh-landing>.quick-info-section,.fresh-landing>.final-cta{background-color:var(--gate-night)!important;color:var(--gate-ink)}
.fresh-landing>.section:nth-of-type(odd){background-color:#0c1e2e!important}
.fresh-landing .fresh-services,.fresh-landing .fresh-rates,.fresh-landing .fresh-how,.fresh-landing .fresh-workspace,.fresh-landing .fresh-security,.fresh-landing .fresh-admin,.fresh-landing .fresh-faq,.fresh-landing .fresh-cta,.fresh-landing .quick-trade-section,.fresh-landing .quick-info-section{background:transparent!important}
.fresh-landing .quick-trade-section,.fresh-landing .quick-info-section,.fresh-landing .fresh-how,.fresh-landing .fresh-security,.fresh-landing .fresh-faq,.fresh-landing .fresh-cta{color:var(--gate-ink)}
.fresh-landing .quick-trade-section .section-title h2,.fresh-landing .fresh-service-layout .section-title h2,.fresh-landing .rate-copy h2,.fresh-landing .fresh-heading h2,.fresh-landing .preview-copy h2,.fresh-landing .security-grid h2,.fresh-landing .quick-info-grid h2{color:var(--gate-ink)!important}
.fresh-landing .quick-trade-section .section-title p,.fresh-landing .fresh-heading p,.fresh-landing .security-grid>div>p,.fresh-landing .quick-info-grid p,.fresh-landing .quick-support-card p{color:#bdcdd0!important}
.fresh-landing .fresh-feature-list .feature,.fresh-landing .fresh-feature-list .feature:nth-child(n),.fresh-landing .fresh-flow-grid .flow-card,.fresh-landing .quick-info-grid>div,.fresh-landing .quick-support-card,.fresh-landing .fresh-faq .faq-grid details{background:linear-gradient(145deg,rgba(20,47,66,.96),rgba(12,33,49,.98))!important;border:1px solid rgba(98,212,208,.24)!important;color:var(--gate-ink);box-shadow:0 16px 36px rgba(1,10,19,.18)}
.fresh-landing .fresh-feature-list .feature h3,.fresh-landing .fresh-flow-grid .flow-head h3,.fresh-landing .fresh-faq .faq-grid summary,.fresh-landing .quick-info-grid h2,.fresh-landing .quick-support-card h3,.fresh-landing .security-points b{color:#f3f0e7!important}
.fresh-landing .fresh-feature-list .feature p,.fresh-landing .fresh-flow-grid .flow-head p,.fresh-landing .fresh-flow-grid .flow-card li,.fresh-landing .fresh-faq .faq-grid p,.fresh-landing .security-points span{color:#bfd0d1!important}
.fresh-landing .fresh-flow-grid .flow-card li,.fresh-landing .security-points>div,.fresh-landing .quick-info-grid>div{border-color:rgba(98,212,208,.2)!important}
.fresh-landing .fresh-rates .rate-copy h2,.fresh-landing .fresh-rates .rate-copy>p{color:var(--gate-ink)!important}
.fresh-landing .public-rate-cards>div,.fresh-landing .public-rate-cards .sell,.fresh-landing .network-pills span{background:#142f42!important;border-color:rgba(98,212,208,.26)!important}
.fresh-landing .public-rate-cards small,.fresh-landing .public-rate-cards span{color:#c3d2d0!important}
.fresh-landing .fresh-security .security-art{background:linear-gradient(145deg,#102b40,#123e4b)!important;border-color:#b88d62!important}
.fresh-landing .fresh-workspace{background:linear-gradient(105deg,rgba(9,24,39,.98),rgba(16,48,64,.96))!important}
.fresh-landing .fresh-workspace .preview-copy h2,.fresh-landing .fresh-workspace .preview-copy>p{color:var(--gate-ink)!important}
.fresh-landing .fresh-workspace-points span{color:#d6e5e1!important;border-color:rgba(98,212,208,.24)!important}
.fresh-landing .fresh-cta .cta-pro{background:linear-gradient(115deg,#10283a,#123b4d)!important;border:1px solid rgba(184,141,98,.52)!important}
.fresh-landing .quick-info-grid>div,.fresh-landing .quick-support-card{color:var(--gate-ink)!important}
.fresh-landing .quick-rate-chart,.fresh-landing .quick-card{background:linear-gradient(145deg,#142f42,#102638)!important;border-color:rgba(98,212,208,.28)!important;color:#f3f0e7!important}
.fresh-landing .quick-card h3,.fresh-landing .quick-card label,.fresh-landing .quick-card .field label{color:#f3f0e7!important}
.fresh-landing .quick-card p,.fresh-landing .quick-card small{color:#bfd0d1!important}
.fresh-landing .quick-card input,.fresh-landing .quick-card select{background:#0c2030!important;border-color:#3e6573!important;color:#f3f0e7!important}
.fresh-landing .quick-card-head{border-color:rgba(98,212,208,.22)!important}
.fresh-landing .quick-rate-chart .chart-title,.fresh-landing .quick-rate-chart h3,.fresh-landing .quick-rate-chart strong{color:#f3f0e7!important}
.fresh-landing .fresh-text-link,.fresh-landing .section-kicker{color:var(--gate-turquoise)!important}
body[data-theme="dark"] .fresh-landing>.section,body[data-theme="dark"] .fresh-landing>.quick-trade-section,body[data-theme="dark"] .fresh-landing>.quick-info-section{background-color:var(--gate-night)!important}
body[data-theme="dark"] .fresh-landing .fresh-how .flow-head h3,body[data-theme="dark"] .fresh-landing .fresh-faq .faq-grid summary,body[data-theme="dark"] .fresh-landing .fresh-security .security-points b{color:#f3f0e7!important}
@media(max-width:940px){.fresh-landing .fresh-workspace{background:linear-gradient(105deg,#091827,#103040)!important}}
.fresh-landing .fresh-security .security-art{position:relative;isolation:isolate;overflow:hidden;background:#091827!important;border-color:rgba(195,150,105,.75)!important}
.fresh-landing .fresh-security .security-art:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(5,17,29,.97) 0%,rgba(5,17,29,.74) 46%,rgba(5,17,29,.05) 100%);pointer-events:none}
.fresh-landing .fresh-security .security-art img.security-photo{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;object-fit:cover;filter:saturate(.9);border-radius:inherit}
.fresh-landing .fresh-security .security-art>*:not(.security-photo){position:relative;z-index:1}
/* Consistent soft corners for every framed surface and control. */
.fresh-landing .fresh-visual-frame,.fresh-landing .rate-visual,.fresh-landing .preview-window,.fresh-landing .fresh-feature-list .feature,.fresh-landing .fresh-flow-grid .flow-card,.fresh-landing .quick-rate-chart,.fresh-landing .quick-card,.fresh-landing .quick-info-grid>div,.fresh-landing .quick-support-card,.fresh-landing .fresh-faq .faq-grid details,.fresh-landing .security-art,.fresh-landing .fresh-cta .cta-pro,.fresh-landing .public-rate-cards>div,.fresh-landing .public-rate-cards .sell{border-radius:20px!important;overflow:hidden}
.fresh-landing .quick-card input,.fresh-landing .quick-card select,.fresh-landing .quick-card textarea,.fresh-landing .btn,.fresh-landing .nav .theme-toggle,.fresh-landing .quick-tab,.fresh-landing .candle-ranges button,.fresh-landing .admin-feature-grid span,.fresh-landing .security-checks small{border-radius:12px!important}
.auth-card,.auth-art,.auth-card input,.auth-card select,.auth-card textarea,.auth-card button,.auth-mode-button,.auth-submit,.auth-tools a,.auth-art-kicker,.auth-trust-points span{border-radius:18px!important}
.fresh-landing .fresh-visual-frame img,.fresh-landing .rate-visual img,.fresh-landing .preview-window img{border-radius:16px!important}
@media(max-width:560px){.fresh-landing .fresh-visual-frame,.fresh-landing .rate-visual,.fresh-landing .preview-window,.fresh-landing .fresh-feature-list .feature,.fresh-landing .fresh-flow-grid .flow-card,.fresh-landing .quick-rate-chart,.fresh-landing .quick-card,.fresh-landing .security-art,.auth-card,.auth-art{border-radius:16px!important}}
.fresh-landing .public-rate-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0!important}
.fresh-landing .public-rate-cards>div,.fresh-landing .public-rate-cards .sell{min-width:0;border:1px solid rgba(98,212,208,.3)!important;border-radius:18px!important;overflow:hidden}
@media(max-width:760px){.fresh-landing .public-rate-cards{grid-template-columns:1fr;gap:10px}}
/* Dashboard rail belongs in the first RTL grid track; keep the workspace full width. */
@media(min-width:941px){.app-shell{width:100%;grid-template-columns:268px minmax(0,1fr)!important;grid-template-areas:"sidebar main"!important}.sidebar{width:268px}}
@media(min-width:941px) and (max-width:1120px){.app-shell{grid-template-columns:238px minmax(0,1fr)!important;grid-template-areas:"sidebar main"!important}.sidebar{width:238px}}
.app-shell .panel,.app-shell .stat,.app-shell .ratebox,.app-shell .setting-card,.app-shell .ticket-card,.app-shell .referral-card{border-radius:18px!important}
.app-shell .main input,.app-shell .main select,.app-shell .main textarea,.app-shell .main .copy-box,.app-shell .main .btn,.app-shell .notification-toggle,.app-shell .user-chip{border-radius:12px!important}
@media(max-width:940px){
  .app-shell .mobile-back{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:76px;min-height:38px;padding:0 10px;border:1px solid rgba(98,212,208,.28);border-radius:12px;background:rgba(20,64,82,.1);color:#126d7d;font-size:11px;font-weight:800;white-space:nowrap}
  .app-shell .mobile-back .vx-icon{width:17px;height:17px;transform:scaleX(-1)}
  .app-shell .mobile-nav{position:fixed!important;z-index:60;right:12px!important;left:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;min-height:72px;padding:7px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px;border:1px solid rgba(104,174,194,.25)!important;border-radius:22px!important;background:rgba(8,29,46,.97)!important;box-shadow:0 12px 34px rgba(4,20,32,.28),inset 0 1px 0 rgba(255,255,255,.045)!important;backdrop-filter:blur(18px)}
  .app-shell .mobile-nav a{position:relative;min-width:0;min-height:56px;padding:5px 2px 4px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:0!important;border-radius:15px!important;background:transparent!important;color:#9bb5c4!important;font-size:9px!important;font-weight:700;line-height:1.25;text-align:center;transition:background .18s ease,color .18s ease}
  .app-shell .mobile-nav a>div{width:25px;height:25px;display:grid;place-items:center;border-radius:9px;color:inherit}
  .app-shell .mobile-nav .vx-icon{width:19px!important;height:19px!important;stroke-width:1.9}
  .app-shell .mobile-nav a span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .app-shell .mobile-nav a.active{color:#eafffd!important;background:linear-gradient(145deg,rgba(19,112,128,.55),rgba(14,67,87,.52))!important;box-shadow:inset 0 0 0 1px rgba(100,224,213,.3)}
  .app-shell .mobile-nav a.active>div{color:#6be0d5;background:rgba(70,204,194,.12)}
}
@media(min-width:941px){.app-shell .mobile-back{display:none}}
@media(max-width:380px){.app-shell .mobile-back{min-width:38px;width:38px;padding:0}.app-shell .mobile-back span{display:none}}
body[data-theme="dark"] .app-shell .mobile-back{color:#78ded5;border-color:#356778;background:#15384a}
.fresh-landing .fresh-visual-frame{position:relative!important;isolation:isolate;overflow:hidden;border:1px solid rgba(195,150,105,.68)!important;border-radius:20px!important;clip-path:none!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}
.fresh-landing .fresh-visual-frame img{display:block;border-radius:19px!important}
.fresh-landing .hero-arch-outline{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible}
.fresh-landing .hero-arch-outline path{fill:none;stroke:rgba(207,164,112,.96);stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 3px rgba(2,13,22,.85))}
@media(max-width:940px){.fresh-landing .fresh-workspace{background:#123b3e}.fresh-landing .fresh-service-layout .section-title h2{font-size:clamp(30px,7vw,42px)}}