/* TradesFunders — editorial public pages and a restrained account workspace. */
:root { --bg:#fafafa; --surface:#fff; --surface-2:#f4f3f8; --bg-elevated:#fff; --text:#202023; --text-muted:#707074; --text-faint:#77777f; --border:#e7e6eb; --green:#7863d8; --green-2:#6550c3; --green-dark:#6550bc; --green-wash:#f0ecff; --radius:18px; --radius-sm:10px; --accent-1:#8878dd; }
body { font-family:Arial,Helvetica,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:15px; line-height:1.6; letter-spacing:-.015em; }
h1,h2,h3,h4 { font-weight:600; letter-spacing:-.055em; }
.container { max-width:1240px; }
.brand-name { font-size:21px; letter-spacing:-1px; font-weight:700; }
.brand-mark { background:#242426; color:#d4cbff; border-radius:50%; width:30px; height:30px; flex-basis:30px; font-size:11px; }
.top-nav,.auth-nav { background:#ffffffed; border-bottom:0; backdrop-filter:blur(18px); }
.nav-inner { height:88px; }
.main-links { font-weight:500; gap:32px; font-size:14px; }
.main-links a { color:#68686c; }
.main-links a:hover,.main-links a[aria-current] { color:#242426; }
.nav-cta .btn { min-height:40px; padding:9px 20px; font-size:13px; }
.nav-cta .btn-primary { background:#242426; }
.btn { border-radius:100px; min-height:48px; padding:12px 24px; font-size:14px; font-weight:600; letter-spacing:-.015em; transition:background .18s,box-shadow .18s; }
.btn-primary { background:#8170dd; color:white; }
.btn-primary:hover { background:#6b59c5; box-shadow:0 4px 16px #7763cc20; }
.btn-soft { background:#ebe7fc; color:#6957c2; }
.btn-soft:hover { background:#e1dafb; }
.btn-light { background:#fff; color:#222; }
.btn-light:hover { background:#ece9f4; }
.btn-dark-soft { background:#2b2b2e; color:#f1effa; }
.btn-dark-soft:hover { background:#3b3b40; }
.btn-outline { border-color:var(--border); }
.btn-sm,.btn-xs { min-height:40px; font-size:13px; padding:9px 17px; }
.text-link { color:var(--green-dark); font-weight:500; }
:focus-visible { outline-color:#8975dd; }
.public-demo { padding:8px 20px; background:#fafafa; border:0; font-size:11px; color:#77747e; }
.public-demo .badge { background:#eeebf6; color:#655a83; }
.signature-hero { background:#fff; text-align:center; padding:75px 0 0; }
.hero-caption { display:inline-flex; justify-content:center; align-items:center; gap:9px; color:#85818f; font-size:13px; letter-spacing:.005em; font-weight:500; }
.signature-dot,.preview-status { display:inline-block; width:6px; height:6px; border-radius:50%; background:#9888e6; }
.signature-hero h1 { font-size:clamp(54px,6.4vw,88px); line-height:1.04; letter-spacing:-.065em; margin:25px auto 24px; font-weight:600; }
.signature-hero h1>span,.signature-page-head h1>span { color:#86828e; }
.signature-lead { font-size:19px; line-height:1.55; color:#85818e; margin:0 auto 27px; }
.signature-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:28px auto 15px; }
.signature-actions .btn { min-height:49px; }
.signature-actions .btn span { margin-left:9px; }
.signature-disclosure { font-size:11px; color:#8b8793; margin-bottom:0; }
.hero-showcase { margin:46px 22px 0; border-radius:28px; background:linear-gradient(180deg,#fff 0%,#f5f3ff 35%,#ddd6fc 100%); overflow:hidden; }
.product-stage { height:540px; width:100%; max-width:1150px; margin:auto; position:relative; overflow:hidden; }
.preview-device { width:282px; height:530px; position:absolute; bottom:-65px; left:50%; border:7px solid #303033; outline:1px solid #b7b5bf; border-radius:45px; background:#fff; padding:40px 19px 22px; text-align:left; box-shadow:0 20px 60px #3b315b20,inset 0 0 0 2px #aaa9b2; color:#252328; overflow:hidden; }
.preview-device-main { z-index:3; transform:translateX(-50%); height:550px; bottom:-35px; }
.preview-device-left { transform:translateX(-145%) rotate(-9deg); bottom:-120px; height:515px; z-index:1; background:#f9f8fc; }
.preview-device-right { transform:translateX(45%) rotate(9deg); bottom:-120px; height:515px; z-index:1; background:#1d1c21; color:#fff; }
.device-camera { position:absolute; top:11px; left:50%; transform:translateX(-50%); border-radius:15px; width:76px; height:18px; background:#171719; }
.device-top { display:flex; justify-content:space-between; align-items:center; font-size:12px; font-weight:600; margin:0 0 29px; }
.preview-avatar { width:25px; height:25px; display:grid; place-items:center; background:#eeebfb; color:#8070bd; border-radius:50%; font-size:9px; }
.device-label { display:block; font-size:8px; letter-spacing:.12em; color:#8c8797; }
.device-balance { font-size:36px; line-height:1.2; letter-spacing:-2px; font-weight:600; margin:9px 0; font-variant-numeric:tabular-nums; }
.device-balance>span { font-size:25px; }
.preview-period { font-size:9px; color:#938b9d; }
.preview-chart { width:100%; height:120px; margin-top:22px; }
.preview-times { display:flex; justify-content:space-around; margin:10px 0 18px; color:#928c9d; font-size:8px; align-items:center; }
.preview-times b { border-radius:20px; padding:4px 8px; background:#eeeafb; color:#7b69c2; }
.preview-holdings>div { display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid #f0edf6; font-size:11px; }
.preview-holdings small,.terminal-asset small { display:block; font-size:8px; font-weight:400; color:#8f8a99; }
.preview-holdings strong { margin-left:auto; font-size:10px; font-weight:500; }
.preview-coin { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-size:18px; }
.bitcoin { background:#fff2de; color:#c68930; }.ethereum { background:#eeeafc; color:#8573bb; }.tether { background:#e1f1ec; color:#438877; }
.device-bottom { display:flex; justify-content:space-between; border-top:1px solid #eeeaf5; margin-top:18px; padding-top:15px; font-size:8px; color:#aaa2b4; }
.device-bottom span { color:#72609f; }
.preview-device h3 { font-size:25px; letter-spacing:-1.3px; line-height:1.17; margin:14px 0 24px; }
.preview-token { margin:25px auto; width:78px; height:78px; display:grid; place-items:center; font-size:24px; font-weight:600; background:#d9d1f9; color:#7565ac; border-radius:50%; box-shadow:inset 0 0 0 7px #eeebfa,0 8px 18px #ac9bdb20; }
.device-number { display:block; text-align:center; font-size:12px; margin-bottom:22px; letter-spacing:.02em; }
.device-line { display:flex; justify-content:space-between; gap:10px; padding:14px 0; border-bottom:1px solid #ded9e640; font-size:10px; }
.device-line span { color:#978eaa; }.device-line b { font-weight:500; }
.preview-bars { display:flex; gap:6px; height:145px; align-items:flex-end; margin:32px 0 25px; }.preview-bars i { flex:1; height:var(--bar); background:#9b8bd4; border-radius:3px 3px 0 0; opacity:.8; }
.preview-float { position:absolute; padding:14px 19px; border:1px solid #ffffffc0; border-radius:100px; background:#ffffffa6; backdrop-filter:blur(8px); box-shadow:0 6px 24px #7e6fa410; font-size:11px; color:#766c89; z-index:4; }.preview-float-left { left:30px; top:160px; }.preview-float-right { right:20px; top:310px; }.preview-float .preview-status { margin-right:7px; }.preview-float-right span { margin-left:12px; }
.platform-strip { display:flex; justify-content:space-between; gap:24px; align-items:center; padding-top:30px; padding-bottom:30px; color:#8a8593; font-size:12px; border-bottom:1px solid var(--border); }.platform-strip>span:first-child { color:#3f3b47; }
.section { padding:85px 0; }.section-title-row { margin-bottom:28px; }.section-title-row h2 { font-size:36px; letter-spacing:-1.5px; }.section-subtitle { color:#87828f; font-size:14px; }
.markets-section { background:#fff; }.market-toolbar { padding:15px 0 20px; }.market-table-wrap { border-radius:16px; border:1px solid #eeedf1; }.market-table th { background:#faf9fc; color:#928b9f; font-size:11px; text-transform:none; letter-spacing:0; }.market-table td { padding:22px 20px; }.market-action { border-radius:100px; font-size:11px; background:#f8f6fd; border-color:#f0edf7; padding:8px 18px; }.search-field input { border-radius:30px; background:#f7f6fa; border:1px solid #eeebf3; }
.signature-dark { background:#131315; color:#fff; margin:20px 22px; padding:88px 0 0; border-radius:28px; text-align:center; overflow:hidden; }.signature-dark h2 { font-size:clamp(40px,5vw,66px); line-height:1.06; margin:24px 0; }.signature-dark>div>p { color:#929096; font-size:17px; }.signature-dark .hero-caption { color:#84818b; }.signature-dark .signature-actions { margin-bottom:50px; }
.terminal-preview { border:1px solid #3b393e; border-radius:18px 18px 0 0; max-width:950px; margin:50px auto 0; text-align:left; overflow:hidden; background:#18171a; box-shadow:0 0 60px #0003; color:#ddd9e4; }.terminal-chrome { display:flex; justify-content:space-between; padding:12px 20px; border-bottom:1px solid #303034; color:#69666e; font-size:9px; }.terminal-chrome>span:first-child { letter-spacing:4px; }.terminal-body { display:grid; grid-template-columns:190px minmax(0,1fr); min-height:390px; }.terminal-body>aside { padding:25px 16px; background:#131315; border-right:1px solid #29272e; font-size:10px; color:#97929f; }.terminal-body>aside>span { display:block; margin:26px 12px 10px; font-size:8px; color:#59555f; }.terminal-body>aside>div:not(.terminal-wordmark) { padding:10px 12px; }.terminal-wordmark { display:flex; gap:9px; color:#c4b8ec; font-size:12px; margin:0 10px; }.terminal-wordmark b { color:#efedf3; font-weight:600; }.terminal-nav-active { background:#25222c; border-radius:7px; color:#d1c3f2; }.terminal-content { padding:28px 35px 15px; min-width:0; }.terminal-heading { display:flex; justify-content:space-between; align-items:center; font-size:14px; }.terminal-pill { font-size:8px; color:#a99acb; border:1px solid #45404e; border-radius:20px; padding:4px 10px; }.terminal-value { font-size:40px; letter-spacing:-2px; font-weight:500; margin:20px 0 2px; }.terminal-value>span { color:#8f889c; }.terminal-content p { font-size:10px; color:#726b7e; }.terminal-divider { border-top:1px solid #302c36; margin:25px 0 12px; }.terminal-table>div { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:12px; align-items:center; padding:14px 10px; border-bottom:1px solid #2c2832; font-size:10px; }.terminal-table>div:nth-child(3) { background:#24212a; border-radius:7px; }.terminal-table .terminal-table-head { color:#625c6f; font-size:8px; padding-block:8px; }.terminal-asset { display:flex; align-items:center; gap:10px; }.terminal-asset i { display:grid; place-items:center; border-radius:50%; width:28px; height:28px; background:#39333f; font-style:normal; font-size:18px; color:#bdb0d7; }.terminal-caption { font-size:8px; color:#706878; margin-top:12px; }
.signature-editorial { padding:100px 0; background:#fff; }.signature-editorial>.container { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; }.editorial-heading { position:sticky; top:120px; align-self:start; }.editorial-heading h2 { font-size:52px; line-height:1.07; margin:20px 0; }.editorial-heading p { font-size:16px; color:#97919e; }.eyebrow { color:#8c8499; font-size:10px; letter-spacing:.09em; }.editorial-rows>a { display:flex; align-items:flex-start; gap:25px; padding:31px 0; border-top:1px solid #eeebf3; }.editorial-rows>a:first-child { padding-top:0; border:0; }.editorial-rows>a>span { font-size:11px; color:#aaa2b6; padding-top:5px; }.editorial-rows h3 { font-size:23px; letter-spacing:-.8px; font-weight:500; margin-bottom:12px; }.editorial-rows p { font-size:14px; line-height:1.7; color:#88808f; margin:0; }.editorial-rows b { font-size:21px; font-weight:400; margin-left:auto; color:#b6a8d7; }.editorial-rows>a:hover h3 { color:#7963bb; }
.closing-section { text-align:center; padding:100px 25px; background:#f2effb; margin:0 22px 22px; border-radius:28px; }.closing-section h2 { font-size:clamp(40px,5vw,64px); line-height:1.05; margin:24px 0 30px; }.closing-section p { margin:22px auto 0; color:#a096b0; font-size:11px; max-width:600px; }.site-footer { background:#fff; padding:60px 0 25px; }.footer-grid h4 { color:#4d4658; font-size:12px; }.footer-grid a { font-size:12px; color:#8a8195; min-height:30px; }.footer-grid .brand { color:#252128; }.footer-grid p { color:#9c93a7; font-size:12px; }.footer-bottom { color:#a49aae; font-size:10px; border-top:1px solid #efebf4; margin-top:40px; padding-top:22px; }
.signature-page-head { text-align:center; padding-top:85px; padding-bottom:90px; }.signature-page-head h1 { font-size:clamp(44px,6vw,76px); line-height:1.05; margin:25px 0; }.signature-page-head p { font-size:18px; color:#88808f; margin-bottom:28px; }.feature-showcase { margin-top:0; }
/* A calm, editorial account-entry experience. */
.page-auth { background:#fff; }.auth-nav { border-bottom:1px solid #f2eff5; }.auth-nav .nav-inner { height:80px; max-width:1440px; }.auth-nav .text-link { color:#77707f; font-size:12px; }.auth-main { padding:32px; }.auth-layout { max-width:1280px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:65px; align-items:stretch; }.auth-content { padding:40px 25px; max-width:490px; width:100%; justify-self:center; }.auth-head { margin-bottom:25px; }.auth-head h1 { font-size:38px; letter-spacing:-1.7px; font-weight:500; }.auth-head p { font-size:14px; color:#9b91a5; }.auth-disclosure { border:0; border-left:2px solid #cbbded; border-radius:0; background:#faf8fe; padding:10px 12px; gap:8px; }.auth-disclosure .badge { background:transparent; color:#9380b4; padding:0; font-size:10px; }.auth-disclosure p { color:#a294b1; font-size:10px; }.auth-content .form-group { margin-bottom:19px; }.auth-content label { font-size:12px; font-weight:500; color:#655b72; }.auth-content input,.auth-content select { min-height:48px; border:1px solid #e7e0ed; border-radius:10px; background:#fff; font-size:13px; }.auth-content input::placeholder { color:#b2a5bf; }.auth-content .btn-primary { min-height:48px; background:#28232e; margin-top:8px; }.auth-content .btn-primary:hover { background:#453b53; }.auth-content .auth-foot { font-size:12px; color:#9c8eaa; }.auth-content .auth-foot a { color:#71617f; font-weight:500; }.auth-content .field-hint { font-size:10px; color:#a598b3; }.auth-content .optional-fields { border-color:#efebf3; }.auth-content .optional-fields summary { font-size:12px; color:#8d7d9d; }.auth-aside { position:sticky; top:25px; align-self:start; min-height:700px; background:linear-gradient(145deg,#f7f5fc,#eae5f7); border-radius:24px; padding:50px 24px 25px; text-align:center; overflow:hidden; }.auth-aside-heading h2 { font-size:35px; line-height:1.12; margin:19px 0 15px; letter-spacing:-1.6px; color:#554860; }.auth-aside-heading p { font-size:13px; color:#a494b5; }.auth-aside .product-stage { height:405px; width:100%; }.auth-aside .preview-device-main { transform:translateX(-50%) scale(.85); transform-origin:center bottom; bottom:-80px; }.auth-aside .preview-device-left,.auth-aside .preview-device-right,.auth-aside .preview-float { display:none; }.auth-aside-note { font-size:9px; color:#a695b8; display:flex; align-items:center; justify-content:center; gap:7px; margin-top:24px; }.auth-footer { max-width:1400px; font-size:10px; color:#a69aaf; }
/* The same neutral material system across every customer and admin page. */
[data-theme=dark] { --bg:#111113; --surface:#19191c; --bg-elevated:#19191c; --surface-2:#232327; --text:#eeedf2; --text-muted:#a29eab; --text-faint:#938d9f; --border:#303034; --green:#b3a4ef; --green-2:#c3b5f7; --green-dark:#bbaaf3; --green-wash:#bbaaf315; --success:#96c7b0; --success-bg:#96c7b012; --danger:#e4a6aa; --danger-bg:#e4a6aa12; --warning:#d9c18e; --warning-bg:#d9c18e12; --info:#b6abdb; --info-bg:#b6abdb12; }
.sidebar { background:#161618; border-right:1px solid #2d2b30; padding:28px 14px; }.sidebar .brand-mark { background:#b6a5e9; color:#211a2c; }.sidebar .brand-name { font-size:17px; letter-spacing:-.8px; }.sidebar-tag,.sidebar-section-label { color:#77717f; letter-spacing:.08em; font-size:9px; }.sidebar-nav a { color:#aaa4b2; font-size:12px; min-height:44px; padding:12px; border-radius:9px; }.sidebar-nav a:hover { color:#eee9f5; background:#26232b; }.sidebar-nav a.active { color:#d4c4f4; background:#2e273a; border:0; }.sidebar-nav svg { width:17px; height:17px; opacity:.8; }.sidebar-footer { border-color:#302b37; color:#7d7488; }.app-topbar { background:var(--bg); border-color:var(--border); height:74px; }.topbar-location { font-size:12px; color:var(--text-muted); }.privacy-toggle { font-size:11px; background:transparent; border:0; color:var(--text-muted); }.avatar-dot { background:var(--surface-2); color:var(--green-dark); border:1px solid var(--border); }.topbar-email { font-size:12px; }.workspace-switcher { background:var(--bg); gap:30px; }.workspace-switcher a { font-size:11px; min-height:48px; font-weight:500; }.workspace-switcher a[aria-current] { border-bottom-color:var(--green); }.demo-banner { background:transparent; padding-block:10px; font-size:10px; color:var(--text-faint); border-bottom:1px solid var(--border); }.demo-label { font-size:8px; color:var(--text-faint); }.app-main { padding:38px 34px; max-width:1500px; }.page-head { margin-bottom:28px; }.page-head h1 { font-size:32px; letter-spacing:-1.2px; font-weight:500; }.page-subtitle { font-size:12px; color:var(--text-faint); }.page-kicker { margin-bottom:12px; font-size:9px!important; color:var(--text-faint); }.page-dashboard .card,.page-admin .card,.page-dashboard .portfolio-primary,.page-dashboard .portfolio-secondary { border-radius:14px; }.card { padding:25px; border-color:var(--border); background:var(--surface); }.card-title { font-size:14px; font-weight:500; margin-bottom:22px; }.card-title .text-link { font-size:11px; }.portfolio-primary { padding:30px; }.portfolio-primary .eyebrow { font-size:9px; color:var(--text-faint); }.page-dashboard .portfolio-total { font-size:46px; font-weight:500; letter-spacing:-2px; margin:18px 0 9px; }.portfolio-primary p { font-size:11px; }.portfolio-secondary .stat-value { font-size:23px; font-weight:500; }.portfolio-secondary .stat-label { font-size:10px; color:var(--text-faint); }.portfolio-primary .btn-primary { background:var(--green); color:var(--surface); }.portfolio-primary .btn { font-size:11px; }.stat-tile { border-radius:14px; background:var(--surface); border-color:var(--border); padding:24px; }.stat-tile .stat-value { font-weight:500; font-size:30px; letter-spacing:-1px; }.account-metrics { padding:28px 0; margin:28px 0; }.account-metrics strong { font-size:32px; font-weight:500; letter-spacing:-1px; }.account-metrics>div>span { color:var(--text-faint); font-size:11px; }.account-metrics .metric-text { font-size:20px; letter-spacing:-.5px; }.table-wrap th { font-size:10px; font-weight:500; letter-spacing:.015em; text-transform:none; background:var(--surface); color:var(--text-faint); padding:16px; }.table-wrap td { padding:18px 16px; font-size:12px; }.table-wrap tbody tr:hover { background:var(--surface-2); }.asset-name strong { font-size:12px; font-weight:500; }.asset-name span { font-size:10px; }.badge { border-radius:30px; font-size:9px; padding:4px 9px; font-weight:500; }.page-dashboard input,.page-dashboard select,.page-dashboard textarea,.page-admin input,.page-admin select,.page-admin textarea { border-radius:9px; background:var(--bg); border-color:var(--border); font-size:13px; min-height:46px; }.page-dashboard label,.page-admin label { font-size:12px; font-weight:500; }.page-dashboard .btn-primary,.page-admin .btn-primary { color:var(--surface); }.page-dashboard .btn-outline,.page-admin .btn-outline { background:var(--surface); }.demo-callout { border-radius:10px; background:var(--surface-2); border:1px solid var(--border); color:var(--text-muted); font-size:11px; padding:16px 20px; }.quick-start { padding:25px; }.quick-start h3 { font-size:18px; font-weight:500; }.quick-start p,.quick-start ol { font-size:12px; }.field-hint { font-size:11px; }.app-footer { font-size:10px; }.chat-msg { border-radius:14px; }.chat-msg.user { background:var(--green); color:var(--bg); }.order-summary { background:var(--surface-2); border-radius:12px; }.choice,.result-box,.readonly-card { border-radius:12px; }.legal-content h1,.main-wrap>.section h1 { font-size:48px; font-weight:500; margin:15px 0 30px; }.main-wrap>.section .section-head { max-width:750px; margin:0 auto 60px; text-align:center; }.main-wrap>.section p { line-height:1.8; }.feature-card { border:1px solid var(--border); border-radius:18px; padding:30px; }.feature-icon { background:var(--green-wash); color:var(--green-dark); }.page-admin .settings-section legend { font-size:19px; font-weight:500; letter-spacing:-.5px; }
@media(min-width:1500px) { .signature-hero { padding-top:95px; }.hero-showcase { margin-inline:32px; }.product-stage { height:590px; }.preview-device-main { bottom:-15px; }.preview-device-left,.preview-device-right { bottom:-95px; } }
@media(max-width:1100px) { .auth-layout { gap:25px; }.auth-content { padding-inline:15px; }.auth-aside { min-height:660px; }.auth-aside-heading h2 { font-size:30px; }.signature-editorial>.container { gap:60px; }.preview-float { display:none; } }
@media(max-width:960px) { .auth-layout { display:block; max-width:480px; }.auth-aside { display:none; }.auth-content { max-width:none; padding:25px 0; }.terminal-body { grid-template-columns:150px minmax(0,1fr); }.terminal-content { padding-inline:25px; }.signature-editorial>.container { gap:35px; }.editorial-heading h2 { font-size:42px; }.signature-dark { padding:65px 0 0; } }
@media(max-width:768px) { .nav-inner { height:70px; }.signature-hero { padding-top:55px; }.signature-hero h1 { font-size:58px; }.signature-lead { font-size:17px; }.hero-showcase { margin:35px 12px 0; border-radius:20px; }.product-stage { height:450px; }.preview-device { width:250px; }.preview-device-main { transform:translateX(-50%) scale(.88); bottom:-90px; }.preview-device-left { transform:translateX(-132%) rotate(-9deg) scale(.85); bottom:-160px; }.preview-device-right { transform:translateX(32%) rotate(9deg) scale(.85); bottom:-160px; }.platform-strip { flex-wrap:wrap; justify-content:center; gap:12px 30px; padding-block:25px; font-size:10px; }.platform-strip>span:first-child { flex-basis:100%; text-align:center; }.section { padding:55px 0; }.section-title-row h2 { font-size:30px; }.signature-dark { margin:12px; border-radius:20px; padding-top:60px; }.signature-dark>div>p { font-size:15px; }.signature-dark h2 { font-size:46px; }.terminal-body { grid-template-columns:115px minmax(0,1fr); min-height:340px; }.terminal-body>aside { padding:20px 8px; font-size:8px; }.terminal-wordmark { font-size:9px; gap:4px; margin:0; }.terminal-body>aside>span { font-size:7px; margin-inline:8px; }.terminal-body>aside>div:not(.terminal-wordmark) { padding:10px 7px; }.terminal-content { padding:20px 15px; }.terminal-value { font-size:32px; }.terminal-table>div { font-size:9px; padding:12px 3px; gap:6px; }.terminal-heading { font-size:12px; }.terminal-chrome { font-size:7px; padding:10px; }.terminal-chrome>span:last-child { display:none; }.terminal-preview { border-radius:12px 12px 0 0; }.signature-editorial { padding:65px 0; }.signature-editorial>.container { grid-template-columns:1fr; gap:35px; }.editorial-heading { position:static; }.editorial-heading h2 { font-size:44px; }.editorial-heading br { display:none; }.editorial-heading p { font-size:14px; }.editorial-rows h3 { font-size:23px; }.closing-section { padding:65px 24px; margin:0 12px 12px; border-radius:20px; }.signature-page-head { padding-block:60px; }.signature-page-head h1 { font-size:52px; }.signature-page-head p { font-size:16px; }.app-main { padding:26px 22px; }.app-topbar { height:65px; }.page-head h1 { font-size:29px; }.page-dashboard .portfolio-total { font-size:40px; }.card { padding:22px; }.desktop-break { display:none; } }
@media(max-width:560px) { .brand-name { font-size:18px; }.nav-inner { height:66px; }.hero-caption { font-size:10px; }.signature-hero { padding-top:45px; }.signature-hero h1 { font-size:43px; line-height:1.07; margin:22px 0; letter-spacing:-2.6px; }.signature-lead { font-size:14px; }.signature-actions { gap:9px; }.signature-actions .btn { font-size:12px; padding:12px 20px; min-height:45px; }.signature-disclosure { font-size:9px; }.product-stage { height:350px; }.preview-device-main { width:260px; transform:translateX(-50%) scale(.66); transform-origin:center bottom; bottom:-15px; }.preview-device-left { transform:translateX(-107%) rotate(-10deg) scale(.58); transform-origin:center bottom; bottom:-55px; }.preview-device-right { transform:translateX(7%) rotate(10deg) scale(.58); transform-origin:center bottom; bottom:-55px; }.hero-showcase { margin-top:28px; }.section { padding-block:45px; }.section-title-row h2 { font-size:29px; }.section-subtitle { font-size:12px; }.market-table td { padding:18px 12px; }.signature-dark { padding-top:45px; }.signature-dark h2 { font-size:39px; letter-spacing:-2px; }.signature-dark>div>p { font-size:13px; }.signature-dark .signature-actions { margin-bottom:30px; }.terminal-preview { margin-top:30px; }.terminal-body { grid-template-columns:1fr; min-height:300px; }.terminal-body>aside { display:none; }.terminal-content { padding:20px 16px 15px; }.terminal-value { font-size:35px; }.terminal-table>div { grid-template-columns:1.3fr 1fr .8fr; }.terminal-asset { gap:7px; }.terminal-table .terminal-table-head { font-size:7px; }.terminal-content p { font-size:9px; }.terminal-heading { font-size:12px; }.terminal-pill { font-size:7px; }.signature-editorial { padding:50px 0; }.editorial-heading h2 { font-size:38px; }.editorial-rows>a { gap:16px; padding-block:26px; }.editorial-rows h3 { font-size:21px; }.editorial-rows p { font-size:12px; }.editorial-rows>a>span { font-size:9px; }.editorial-rows b { font-size:17px; }.closing-section h2 { font-size:39px; }.closing-section { padding:55px 20px; }.signature-page-head h1 { font-size:41px; letter-spacing:-2px; }.signature-page-head p { font-size:14px; }.signature-page-head { padding-block:45px; }.site-footer { padding:40px 0 20px; }.footer-grid { gap:26px; }.auth-nav .nav-inner { height:68px; }.auth-main { padding:22px; }.auth-content { padding:20px 0; }.auth-head h1 { font-size:33px; }.auth-head p { font-size:13px; }.auth-content .input-row { gap:0; }.auth-disclosure { flex-direction:column; gap:3px; }.auth-footer { padding:20px 22px; font-size:9px; }.auth-nav .text-link { font-size:10px; }.page-head h1 { font-size:27px; }.app-main { padding:26px 16px; }.card { padding:20px; }.page-dashboard .portfolio-total { font-size:37px; }.portfolio-primary { padding:23px; }.account-metrics strong { font-size:27px; }.account-metrics .metric-text { font-size:19px; }.stat-tile .stat-value { font-size:25px; }.btn-sm,.btn-xs { min-height:44px; }.demo-banner { font-size:9px; }.legal-content h1,.main-wrap>.section h1 { font-size:35px; }.main-wrap>.section .section-head { margin-bottom:35px; } }
.sidebar-nav a.active { box-shadow:inset 2px 0 #b6a5e9; }
.page-about .main-wrap>.section h2,.page-security .main-wrap>.section h2 { font-size:26px; margin:36px 0 15px; }
.page-faq .main-wrap>.section .card { border:0; border-top:1px solid var(--border); border-radius:0; padding:28px 0; margin:0; background:transparent; }
.page-faq .main-wrap>.section h3 { font-size:22px; font-weight:500; margin-bottom:15px; }
.page-faq .main-wrap>.section p,.page-about .main-wrap>.section p,.page-security .main-wrap>.section p { font-size:15px; color:#746c7d; }
.page-contact .main-wrap>.section .card { margin-top:30px; border:0; padding:0; }
.page-contact input,.page-contact textarea { border-radius:10px; border-color:#e4dfeb; background:#fff; }
.page-contact label { font-weight:500; color:#6e617b; font-size:12px; }
/* Secondary copy remains readable at small sizes. */
.btn-primary { background:#7562cc; }.btn-primary:hover { background:#6552bc; }
.hero-caption { color:#746d7e; }.signature-lead { color:#746d7c; }.signature-disclosure { color:#756e7e; }
.platform-strip,.section-subtitle,.editorial-rows p,.signature-page-head p { color:#746c7d; }
.editorial-rows>a>span,.editorial-heading p,.closing-section p { color:#7a6f89; }
.footer-grid a,.footer-grid p,.footer-bottom { color:#776c83; }
.auth-head p,.auth-content .auth-foot,.auth-content .field-hint,.auth-disclosure p { color:#776981; }
.auth-disclosure .badge { color:#77618f; }.auth-content input::placeholder { color:#887991; }
.auth-aside-heading p,.auth-aside-note,.auth-footer { color:#796783; }
.auth-content .auth-foot a { color:#5d486e; }
.campaign-showcase { position:relative; max-width:1396px; margin-inline:auto; background:#ece7fa; }
.campaign-showcase>img { display:block; width:100%; height:auto; max-height:640px; object-fit:cover; object-position:center; }
.campaign-caption { display:block; position:absolute; bottom:13px; left:0; right:0; font-size:9px; color:#736588; text-align:center; }
.auth-aside { padding:0; background:#eee8f4; min-height:700px; }
.auth-aside-heading { position:relative; z-index:1; padding:40px 25px 0; }
.auth-campaign-image { display:block; width:100%; height:480px; object-fit:cover; object-position:center 55%; margin-top:8px; mix-blend-mode:multiply; }
.auth-art-caption { color:#8b7c99; font-size:11px; margin-top:12px; }
.auth-aside-note { margin:14px 0 24px; }
@media(max-width:1450px) { .campaign-showcase { margin-inline:22px; } }
@media(max-width:768px) { .campaign-showcase { margin-inline:12px; }.campaign-showcase>img { min-height:330px; object-fit:cover; }.campaign-caption { font-size:8px; bottom:8px; } }
@media(max-width:560px) { .campaign-showcase>img { min-height:300px; width:100%; object-fit:cover; }.campaign-showcase { margin-top:32px; } }
.brand-logo { display:block; width:40px; height:40px; flex:0 0 40px; object-fit:contain; }
.brand { gap:4px; }.sidebar .brand { gap:2px; }.sidebar .brand-logo { width:38px; height:38px; flex-basis:38px; }.sidebar-brand { padding-left:3px; }
.profile-reminder { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 20px; padding:12px 34px; background:var(--surface-2); border-bottom:1px solid var(--border); color:var(--text-muted); font-size:11px; }.profile-reminder a { color:var(--green-dark); min-height:28px; display:flex; align-items:center; white-space:normal; }
.app-shell { min-width:0; }.app-main { width:100%; }.app-main form,.app-main .form-group { min-width:0; max-width:100%; }.app-main .card { overflow-wrap:anywhere; }.sidebar { overscroll-behavior:contain; }.sidebar-bottom { position:static; flex-shrink:0; margin-top:24px; }
.account-choices { display:grid; gap:16px; margin:30px 0 24px; }.account-choice { display:flex; gap:18px; padding:24px 20px; border:1px solid #e8e1ef; border-radius:16px; background:#fff; transition:border-color .18s,background .18s; }.account-choice:hover { border-color:#af9cd5; background:#fcfaff; }.account-choice-symbol { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:12px; background:#f1ecfa; color:#826aab; font-size:21px; }.account-choice h2 { font-size:23px; letter-spacing:-.8px; font-weight:500; margin-bottom:10px; }.account-choice p { color:#82738d; font-size:13px; line-height:1.7; margin:0 0 15px; }.account-choice>div>span { font-size:11px; color:#6f568b; }.account-choice b { font-weight:400; margin-left:8px; }.page-account-choice .auth-head h1 { font-size:36px; }
.steps-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:45px; margin-top:45px; }.steps-grid article { border-top:1px solid var(--border); padding-top:24px; }.steps-grid article>span { font-size:9px; letter-spacing:.08em; color:#8b7b9e; }.steps-grid h3 { font-size:24px; font-weight:500; margin:20px 0 15px; }.steps-grid p { font-size:14px; color:#7a6f85; line-height:1.8; }.home-steps { background:#fff; }.story-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:70px; align-items:center; }.story-grid>div { min-width:0; }.story-grid h2 { font-size:44px; line-height:1.1; margin:20px 0 25px; }.story-grid p { font-size:14px; color:#7a6e85; line-height:1.8; }.story-grid figure { margin:0; min-width:0; }.story-grid img { width:100%; aspect-ratio:1.2; object-fit:cover; border-radius:20px; }.story-grid figcaption,.feature-editorial-image figcaption { color:#82738d; font-size:9px; padding:10px 5px; }.story-reverse>figure { order:2; }.image-story { background:#fff; }.quiet-list { padding:0; margin:25px 0; list-style:none; }.quiet-list li { font-size:12px; color:#776583; border-bottom:1px solid #eee8f4; padding:12px 0; }.quiet-list li:before { content:'↗'; color:#a791c2; margin-right:12px; }.account-intro { background:#f8f6fc; }.account-intro-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; margin-top:40px; }.account-intro-grid>article { padding:38px; border:1px solid #eae4f2; border-radius:20px; background:#fff; }.account-intro-grid h3 { font-size:34px; line-height:1.12; margin:22px 0; font-weight:500; }.account-intro-grid p { font-size:14px; color:#80718e; line-height:1.8; max-width:420px; }.account-intro-grid .btn { margin:12px 0 25px; }.account-detail-line { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:11px; padding:16px 0; border-top:1px solid #eee8f4; color:#8b7b9a; }.account-detail-line strong { color:#625070; font-weight:500; }.section-footnote { color:#867590; font-size:10px; max-width:840px; margin:25px 0 0; }.detail-block { border-top:1px solid #eae3f1; padding-top:20px; margin:22px 0; }.detail-block h3 { font-size:18px; font-weight:500; }.detail-block p { font-size:12px; }.story-links { display:flex; gap:25px; flex-wrap:wrap; margin-top:25px; }.home-faq { background:#faf9fc; }.home-faq .story-grid { align-items:start; }.faq-list details { padding:23px 0; border-bottom:1px solid #e8e0f0; }.faq-list details:first-child { padding-top:0; }.faq-list summary { cursor:pointer; font-size:16px; color:#55455f; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:36px; }.faq-list summary:after { content:'+'; font-size:22px; color:#a08ab5; }.faq-list details[open] summary:after { content:'−'; }.faq-list p { margin:15px 30px 0 0; font-size:13px; }.editorial-image { margin:32px 0 40px; }.editorial-image img { width:100%; border-radius:18px; aspect-ratio:16/9; object-fit:cover; }.feature-editorial-image { margin:75px auto 0; }.feature-editorial-image img { width:100%; max-height:470px; object-fit:cover; border-radius:20px; }
.inbox-filters { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:25px; }.inbox-filters .text-link { margin-left:auto; font-size:11px; }.inbox-count { margin-left:auto; background:#b4a0da25; color:#d2bce9; padding:0 7px; border-radius:15px; font-size:10px; }.inbox-message { margin-bottom:18px; }.inbox-sender { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; color:var(--text-muted); font-size:11px; }.inbox-sender strong { color:var(--text); font-weight:500; }.inbox-message-body { border-block:1px solid var(--border); padding:23px 0; margin:20px 0 10px; white-space:normal; overflow-wrap:anywhere; font-size:13px; line-height:1.9; }.inbox-message-footer { display:flex; flex-wrap:wrap; gap:15px; align-items:center; justify-content:space-between; }
@media(max-width:960px) { .story-grid { gap:35px; }.story-grid h2 { font-size:37px; }.steps-grid { gap:25px; }.account-intro-grid>article { padding:28px; } }
@media(max-width:768px) { .story-grid { grid-template-columns:1fr; gap:30px; }.story-grid img { aspect-ratio:16/10; }.story-reverse>figure { order:0; }.steps-grid { grid-template-columns:1fr; gap:25px; margin-top:30px; }.steps-grid h3 { margin:14px 0; }.account-intro-grid { gap:18px; }.account-intro-grid h3 { font-size:29px; }.story-grid h2 { font-size:38px; }.feature-editorial-image { margin-top:45px; }.profile-reminder { padding-inline:22px; } }
@media(max-width:560px) { .brand-logo { width:35px; height:35px; flex-basis:35px; }.brand { gap:2px; }.profile-reminder { padding:12px 16px; font-size:10px; }.account-choice { padding:20px 16px; gap:12px; }.account-choice h2 { font-size:21px; }.account-choice p { font-size:12px; }.account-intro-grid { grid-template-columns:1fr; margin-top:25px; }.account-intro-grid>article { padding:26px; }.account-intro-grid h3 { font-size:31px; }.story-grid h2 { font-size:34px; }.story-grid p { font-size:13px; }.steps-grid h3 { font-size:23px; }.steps-grid p { font-size:13px; }.faq-list summary { font-size:15px; }.faq-list p { font-size:12px; }.section-footnote { font-size:9px; }.inbox-filters .text-link { margin:10px 0 0; flex-basis:100%; }.page-account-choice .auth-head h1 { font-size:32px; } }
.simple-buy-card { max-width:540px; margin:28px auto; padding:30px; }.simple-asset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.simple-asset-grid .choice { gap:12px; padding:16px; border-radius:12px; }.simple-buy-card .amount-field { background:var(--bg); border:1px solid var(--border); border-radius:14px; padding:8px 18px; }.simple-buy-card .amount-field input { background:transparent; border:0; box-shadow:none; font-size:34px; min-height:65px; padding-inline:5px; }.simple-buy-card .quick-pills { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }.simple-buy-card .pill { border-radius:30px; font-size:11px; padding:7px 15px; }.buy-receive-row { display:flex; align-items:center; gap:14px; background:var(--surface-2); border-radius:14px; padding:20px; margin:25px 0; }.buy-receive-row strong { display:block; font-size:22px; font-weight:500; }.simple-buy-card .order-row { font-size:12px; padding:12px 0; }.simple-buy-card .order-row.total { margin-bottom:15px; font-size:17px; }.simple-buy-note { font-size:10px; color:var(--text-muted); text-align:center; margin:14px 0 5px; }.simple-buy-card .market-status { font-size:9px; }.transfer-layout { display:grid; grid-template-columns:minmax(0,560px) minmax(0,1fr); gap:60px; align-items:start; max-width:1050px; margin:30px auto; }.transfer-layout>* { min-width:0; }.transfer-note { padding:20px 0; max-width:390px; }.transfer-note h2 { font-size:38px; line-height:1.12; margin:20px 0 25px; font-weight:500; }.transfer-note p { color:var(--text-muted); font-size:13px; line-height:1.9; }.transfer-note .demo-callout { margin-top:24px; }.transfer-checklist { margin:25px 0; }.transfer-checklist>div { display:flex; gap:20px; padding:16px 0; border-bottom:1px solid var(--border); font-size:10px; color:var(--text-faint); }.transfer-checklist span { color:var(--text-muted); font-size:12px; }.send-card { padding:28px; }.send-card #asset-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:10px 0 25px; }.send-card #asset-grid .choice { padding:12px 9px; gap:7px; min-width:0; }.send-card #asset-grid .choice .muted { display:none; }.send-card #asset-grid .choice>span { font-size:11px; }.send-card #asset-grid .choice input { width:12px; height:12px; flex-basis:12px; min-height:0; }.send-card #asset-grid .coin-img { width:23px!important; height:23px!important; }.send-card .form-group { margin-bottom:23px; }.send-card input { min-height:50px; }.withdraw-balance { margin-bottom:28px; padding-bottom:22px; border-bottom:1px solid var(--border); }.withdraw-balance>span { color:var(--text-faint); font-size:11px; }.withdraw-balance strong { display:block; font-size:32px; letter-spacing:-1px; margin-top:12px; font-weight:500; }.withdraw-balance small { font-size:15px; }.partnership-balance { padding:34px; margin-bottom:20px; }.partnership-balance .portfolio-total { margin-block:22px; }.partnership-balance .portfolio-total small { font-size:19px; font-weight:400; }.partnership-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; border-top:1px solid var(--border); margin-top:32px; padding-top:23px; }.partnership-summary span { display:block; color:var(--text-faint); font-size:10px; margin-bottom:9px; }.partnership-summary strong { font-size:18px; font-weight:500; }.page-partnership .app-main>.card { margin-top:22px; }.allocation-details { margin-top:25px; border-top:1px solid var(--border); padding-top:20px; }.allocation-details summary { color:var(--text-muted); cursor:pointer; font-size:12px; padding:12px 0; }.dashboard-streamlined { display:block; }.compact-account-stats { display:none; }.portfolio-overview:has(.compact-account-stats) { display:block; }.portfolio-overview:has(.compact-account-stats) .portfolio-primary { background:transparent; border:0; padding:12px 0 20px; }.portfolio-overview:has(.compact-account-stats) .portfolio-total { font-size:56px; margin-block:18px; }.portfolio-overview:has(.compact-account-stats) .portfolio-primary p { max-width:480px; }.portfolio-overview:has(.compact-account-stats) .portfolio-actions { margin-top:25px; }
/* System appearance also applies to public and account-entry pages. */
[data-theme=dark] body { color:var(--text); background:var(--bg); }
[data-theme=dark] .top-nav,[data-theme=dark] .auth-nav,[data-theme=dark] .signature-hero,[data-theme=dark] .markets-section,[data-theme=dark] .signature-editorial,[data-theme=dark] .site-footer,[data-theme=dark] .home-steps,[data-theme=dark] .image-story,[data-theme=dark] .page-auth { background:var(--bg); border-color:var(--border); }
[data-theme=dark] .main-links a,[data-theme=dark] .auth-nav .text-link,[data-theme=dark] .footer-grid a,[data-theme=dark] .footer-grid p,[data-theme=dark] .footer-bottom { color:#ada4b7; }
[data-theme=dark] .brand-name,[data-theme=dark] .footer-grid .brand,[data-theme=dark] .footer-grid h4 { color:#ece6f5; }
[data-theme=dark] .public-demo,[data-theme=dark] .account-intro,[data-theme=dark] .home-faq { background:var(--surface); color:#aaa0b7; }
[data-theme=dark] .signature-hero h1,[data-theme=dark] .signature-page-head h1,[data-theme=dark] .story-grid h2,[data-theme=dark] .editorial-heading h2,[data-theme=dark] .steps-grid h3 { color:#ede8f5; }
[data-theme=dark] .signature-hero h1>span,[data-theme=dark] .signature-page-head h1>span { color:#a99eb7; }
[data-theme=dark] .signature-lead,[data-theme=dark] .signature-disclosure,[data-theme=dark] .hero-caption,[data-theme=dark] .section-subtitle,[data-theme=dark] .editorial-rows p,[data-theme=dark] .story-grid p,[data-theme=dark] .steps-grid p,[data-theme=dark] .signature-page-head p { color:#aaa0b7; }
[data-theme=dark] .market-table th,[data-theme=dark] .search-field input,[data-theme=dark] .market-action { background:var(--surface); color:#c1b5d0; border-color:var(--border); }
[data-theme=dark] .market-table-wrap,[data-theme=dark] .editorial-rows>a,[data-theme=dark] .quiet-list li,[data-theme=dark] .detail-block,[data-theme=dark] .faq-list details,[data-theme=dark] .footer-bottom { border-color:var(--border); }
[data-theme=dark] .closing-section { background:#25202e; color:#ece5f5; }
[data-theme=dark] .account-intro-grid>article,[data-theme=dark] .account-choice { background:var(--surface); border-color:var(--border); }
[data-theme=dark] .account-choice:hover { background:#25202e; border-color:#89729f; }
[data-theme=dark] .account-choice p,[data-theme=dark] .account-intro-grid p,[data-theme=dark] .section-footnote,[data-theme=dark] .quiet-list li,[data-theme=dark] .account-detail-line { color:#ada0bd; }
[data-theme=dark] .account-detail-line strong,[data-theme=dark] .faq-list summary { color:#d0c0e0; }
[data-theme=dark] .auth-content input,[data-theme=dark] .auth-content select,[data-theme=dark] .page-contact input,[data-theme=dark] .page-contact textarea { background:var(--surface); color:var(--text); border-color:#3d3447; }
[data-theme=dark] .auth-content label,[data-theme=dark] .auth-head p,[data-theme=dark] .auth-content .field-hint,[data-theme=dark] .auth-content .auth-foot,[data-theme=dark] .page-contact label { color:#b0a0be; }
[data-theme=dark] .auth-disclosure { background:#231d2b; border-color:#7d6394; }
[data-theme=dark] .auth-disclosure p,[data-theme=dark] .auth-disclosure .badge,[data-theme=dark] .auth-content .auth-foot a,[data-theme=dark] .auth-content .optional-fields summary { color:#bcabd0; }
[data-theme=dark] .auth-content .btn-primary { background:#baaae8; color:#211a2a; }
[data-theme=dark] .auth-aside .hero-caption,[data-theme=dark] .auth-aside-heading p { color:#796783; }
[data-theme=dark] .page-about .main-wrap>.section p,[data-theme=dark] .page-security .main-wrap>.section p,[data-theme=dark] .page-faq .main-wrap>.section p { color:#b0a2bf; }
@media(max-width:960px) { .transfer-layout { gap:30px; }.transfer-note h2 { font-size:31px; } }
@media(max-width:768px) { .transfer-layout { grid-template-columns:1fr; max-width:580px; gap:20px; }.transfer-note { max-width:none; }.transfer-note h2 { font-size:30px; }.partnership-summary { gap:18px; }.portfolio-overview:has(.compact-account-stats) .portfolio-total { font-size:48px; } }
@media(max-width:560px) { .simple-buy-card { padding:22px; margin-top:20px; }.simple-buy-card .amount-field input { font-size:30px; }.simple-buy-card .pill { min-height:40px; }.transfer-layout { margin-top:20px; }.send-card { padding:21px; }.send-card #asset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.partnership-balance { padding:24px; }.partnership-summary { grid-template-columns:1fr; gap:18px; }.partnership-summary>div { display:flex; justify-content:space-between; gap:15px; align-items:center; }.partnership-summary span { margin:0; }.partnership-summary strong { font-size:15px; }.partnership-balance .portfolio-actions { gap:10px; }.partnership-balance .portfolio-actions .btn { font-size:12px; padding-inline:16px; }.withdraw-balance strong { font-size:27px; }.portfolio-overview:has(.compact-account-stats) .portfolio-total { font-size:43px; } }
[data-theme=dark] .nav-cta .btn-primary { background:#b3a4ef; color:#211a2a; }
.sidebar-more summary { cursor:pointer; color:#aaa4b2; font-size:12px; padding:12px; min-height:44px; list-style:none; }.sidebar-more summary:after { content:'+'; float:right; }.sidebar-more[open] summary:after { content:'−'; }.sidebar-more>a { margin-left:10px; }
.simple-buy-card .amount-field input { flex:1; min-width:0; width:0; }.simple-buy-card .amount-field>small { flex:0 0 auto; white-space:nowrap; margin-left:10px; }.simple-buy-card .amount-field>span { flex:0 0 auto; }
.table-wrap .asset-name { min-width:155px; white-space:nowrap; overflow-wrap:normal; word-break:normal; }.table-wrap .asset-name>div { min-width:100px; flex-shrink:0; white-space:nowrap; }.table-wrap .asset-name .coin-img,.table-wrap .asset-name .coin-badge { flex-shrink:0; }
.portfolio-assets-table { min-width:830px; table-layout:auto; }.portfolio-assets-table th,.portfolio-assets-table td { white-space:nowrap; overflow-wrap:normal; word-break:normal; }.portfolio-assets-table th:first-child,.portfolio-assets-table td:first-child { min-width:185px; }.portfolio-table-wrap { max-width:100%; overscroll-behavior-x:contain; }
.demo-card-fields { min-width:0; border:1px solid var(--border); border-radius:12px; padding:20px; margin:24px 0; }.demo-card-fields legend { font-size:13px; font-weight:500; padding:0 8px; }.demo-card-fields .input-row .form-group { margin-bottom:5px; }.demo-card-fields .form-group input { width:100%; }.demo-card-fields input[readonly] { color:var(--text-muted); letter-spacing:.08em; }
.buy-progress { width:min(440px,calc(100% - 32px)); padding:35px; color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:20px; text-align:center; box-shadow:0 25px 100px #0004; }.buy-progress::backdrop { background:#100d1cb3; backdrop-filter:blur(5px); }.buy-progress h2 { font-size:25px; margin:24px 0 16px; }.buy-progress>p { font-size:13px; }.buy-progress>.field-hint { font-size:11px; margin:18px 0 24px; }.simulation-spinner { display:block; width:38px; height:38px; margin:auto; border:3px solid var(--border); border-top-color:var(--green); border-radius:50%; animation:simulation-spin .8s linear infinite; }@keyframes simulation-spin { to { transform:rotate(360deg); } }
@media(max-width:768px) { .campaign-showcase>img { width:100%; height:auto; min-height:0; max-height:none; object-fit:contain; }.story-grid img,.editorial-image img,.feature-editorial-image img { width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:auto; object-fit:contain; }.campaign-caption { position:static; padding:9px 12px; font-size:9px; }.portfolio-assets-table th:first-child,.portfolio-assets-table td:first-child { position:sticky; left:0; z-index:1; background:var(--surface); }.portfolio-assets-table th:first-child { z-index:2; } }
@media(max-width:560px) { .demo-card-fields { padding:16px; }.demo-card-fields .input-row { flex-direction:row; gap:12px; }.demo-card-fields .input-row>.form-group { flex:1; min-width:0; }.portfolio-assets-table { min-width:790px!important; }.portfolio-assets-table .asset-name strong { font-size:12px; }.buy-progress { padding:28px 22px; } }
.story-grid img,.editorial-image img,.feature-editorial-image img { height:auto; aspect-ratio:1672/941; }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; animation:none!important; } }