/* Production behavior and responsive extensions to the supplied KAEL prototype. */
:root { --site-yellow:#fcd535; --site-text:#17191e; --site-muted:#818792; --site-line:#e9ebee; }
html { scroll-padding-top:100px; }
[hidden] { display:none!important; }
body { min-width:320px; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea,summary { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { opacity:.55; cursor:wait; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible { outline:2px solid #d5a900; outline-offset:4px; }
.skip-link { position:fixed; top:-100px; left:16px; background:#fcd535; color:#111; z-index:1000; padding:12px 18px; border-radius:8px; }
.skip-link:focus { top:12px; }
.site-head .nav-open>.mega { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; display:grid; }
.header-search-results a[hidden] { display:none!important; }
.site-head button.signup { border:0; font:inherit; padding:14px 22px; }
.drawer-open { overflow:hidden; }
.mobile-drawer { overflow-y:auto; overscroll-behavior:contain; }
.mobile-drawer[aria-hidden="true"] { visibility:hidden; }
.mobile-drawer.open { visibility:visible; }
.download-footer-link { display:inline-flex; margin-top:20px; padding:12px 18px; border:1px solid #53555b; border-radius:7px; }
.demo-caption { position:absolute; bottom:9px; left:50%; transform:translateX(-50%); font-size:10px; color:#74767b; white-space:nowrap; }
.positive { color:#159b77!important; }
.negative { color:#df4f62!important; }
.muted,.cell-muted { color:var(--site-muted); }
.cell-muted,.stale-label { display:block; font-size:11px; margin-top:4px; }
.stale-label { color:#9b8133; }
.mono { font-family:ui-monospace,SFMono-Regular,monospace; overflow-wrap:anywhere; }
.text-link { color:inherit; font-weight:600; background:none; border:0; padding:0; text-align:left; display:inline-block; }
.text-link:hover { color:#ab8500; }
.toast { position:fixed; bottom:30px; left:50%; transform:translateX(-50%); z-index:10000; padding:14px 24px; border-radius:10px; background:#202329; color:#fff; box-shadow:0 6px 28px #0003; max-width:calc(100% - 32px); text-align:center; }
.state-box { padding:50px 24px; text-align:center; border:1px dashed #dadde2; border-radius:12px; background:transparent; color:inherit; grid-column:1/-1; }
.state-symbol { display:block; font-size:36px; color:#c5a03a; margin-bottom:10px; font-weight:400; }
.state-box h3 { font-size:17px; margin:0 0 10px; color:inherit; }
.state-box p { max-width:420px; margin:0 auto 20px; line-height:1.7; color:#92959d; font-size:13px; }
.state-box .btn { margin-top:4px; font-size:13px; padding:11px 20px; }
.section-heading { margin-bottom:30px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:12px; }
.section-heading h2 { margin:0; font-size:28px; letter-spacing:-.6px; }
.section-heading p { margin:0; color:var(--site-muted); font-size:14px; line-height:1.8; }
.tag { display:inline-flex; align-items:center; padding:4px 8px; background:#f6f1dd; border:1px solid #ece5c4; color:#957600; border-radius:5px; font-size:11px; white-space:nowrap; }
.tag-open { background:#eaf7f2; color:#188b69; border-color:#d6eee5; }
.status-pill { display:inline-block; padding:5px 9px; border-radius:6px; background:#f1f3f6; color:#626b78; font-size:12px; white-space:nowrap; }
.search-field { display:flex; align-items:center; gap:10px; border:1px solid var(--site-line); background:#fff; padding:11px 15px; border-radius:8px; color:#8b929a; }
.search-field input { width:100%; min-width:0; color:#222; border:0; outline:none; background:none; font-size:13px; }
.ticker { height:auto; }
.ticker .ticker-sequence { gap:0; flex:none; animation-play-state:running!important; }
.ticker .ticker-group { display:flex; flex:none; gap:10px; padding-right:10px; }
.ticker .quote-chip { flex:none; }
.ticker .quote-name { color:inherit; font-size:inherit; }
.ticker .quote-value,.ticker .quote-chip em { unicode-bidi:isolate; }
.ticker .quote-chip .unavailable { color:#7f858d; }
.ticker:hover .ticker-sequence,.ticker:focus-within .ticker-sequence { animation-play-state:paused!important; }
.ticker:focus-within .row-a { overflow-x:auto; scrollbar-width:thin; }
.ticker:focus-within .row-a .ticker-sequence { animation:none; transform:none; }
@media(prefers-reduced-motion:reduce) {
  .ticker .ticker-sequence { animation:none!important; transform:none!important; }
  .ticker .ticker-row { overflow-x:auto; scrollbar-width:thin; }
  .ticker .ticker-duplicate { display:none; }
}
.coin-disc { display:inline-flex; align-items:center; justify-content:center; border-radius:50%; width:34px; height:34px; font-size:20px; background:#2b313d; color:#fff; flex:none; font-style:normal; }
.coin-btc { background:#f7931a; }.coin-eth { background:#6682bf; }.coin-sol { background:#43b89a; }.coin-bnb { background:#e6b41e; }.coin-usdt { background:#279d7f; }
.quote-freshness { margin-left:auto; color:#777; font-size:10px; white-space:nowrap; }
.market-board>.state-box { min-width:100%; }
.market-tile-foot dd.positive { color:#28bf94!important; }
.market-overview .market-rank-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.rank-card { border:1px solid #e9ebee; border-radius:16px; padding:24px; min-height:220px; }
.rank-card h2 { font-size:18px; margin:0 0 18px; }
.rank-card>a { display:flex; gap:9px; align-items:center; margin-top:18px; font-size:12px; }
.rank-card>button { display:flex; align-items:center; gap:9px; margin-top:18px; font-size:12px; width:100%; padding:0; border:0; background:none; color:inherit; text-align:start; }
.rank-card>button b { margin-inline-end:auto; }
.rank-card>button em { font-style:normal; }
.market-coin-link { display:flex; flex-direction:column; gap:3px; padding:0; border:0; background:none; color:inherit; text-align:start; }
.market-overview .market-trade-link { padding:0; border:0; background:none; white-space:normal; text-align:start; }
.market-detail-name { padding-inline-end:15px; }
.market-detail-dialog dd { text-align:end; }
html[dir="rtl"] .market-detail-close { right:auto; left:16px; }
@media(max-width:700px) { .rank-card>button { margin-top:13px; } }
.rank-card b { flex:1; font-size:13px; }
.rank-card span { font-variant-numeric:tabular-nums; }
.rank-card em { font-style:normal; min-width:60px; text-align:right; }
.rank-card .coin-disc { width:26px; height:26px; font-size:15px; }
.coin-name { display:flex; align-items:center; gap:12px; }
.coin-name a { display:flex; flex-direction:column; gap:3px; }
.coin-name strong { color:#1f232a; font-size:15px; }.coin-name small { color:#959aa3; font-size:11px; }
.favorite-button { border:0; background:transparent; font-size:21px; color:#b9bec6; padding:4px; }
.favorite-button.selected { color:#dbaf00; }
.market-trade-link { padding:8px 12px; background:#f4f5f7; border-radius:20px; font-size:12px; color:#333; }
.market-trade-link:hover { background:#fcd535; }
.market-table { width:100%; }
.market-table td { font-variant-numeric:tabular-nums; }
.market-table-footer nav button { border:0; padding:7px 12px; border-radius:6px; background:#f3f4f6; margin-left:5px; }
.market-table-footer nav button.active { background:#fcd535; }
.quick-coin-select { border:0; color:#222; background:transparent; width:95px; font-weight:700; font-size:18px; padding:8px; }
.quick-pay-unit { font-size:18px; padding-right:10px; }
.quick-quote-row { display:grid; grid-template-columns:1.5fr 1fr .7fr; align-items:center; padding:16px 20px; border-bottom:1px solid #eee; gap:12px; }
.quick-quote-row>span { display:flex; align-items:center; gap:10px; }.quick-quote-row small { display:block; font-size:10px; color:#999; margin-top:3px; }.quick-quote-row>b,.quick-quote-row>em { text-align:right; font-style:normal; font-size:13px; }
.quick-app-actions a { display:flex; align-items:center; gap:10px; padding:12px 20px; background:#fcd535; color:#111; border-radius:8px; }.quick-app-actions a svg { width:20px; height:20px; }
.product-catalog { padding-bottom:90px; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.product-card { border:1px solid #e5e8ec; border-radius:18px; background:#fff; color:#15191d; padding:26px; transition:transform .2s,border-color .2s; }
.product-card:hover { transform:translateY(-4px); border-color:#c4aa56; }
.product-card-top { display:flex; justify-content:space-between; align-items:center; font-size:10px; letter-spacing:1px; color:#9297a0; }
.product-visual { height:155px; display:flex; justify-content:center; overflow:hidden; margin:8px -20px 14px; }
.product-visual img { height:100%; width:100%; object-fit:contain; }
.product-card>small { color:#999; font-size:11px; }.product-card h3 { margin:7px 0 16px; font-size:23px; }.product-card>strong { font-size:29px; }.product-card strong small { font-size:12px; font-weight:500; }
.product-card dl { margin:25px 0; padding-top:17px; border-top:1px solid #eee; }.product-card dl>div { display:flex; justify-content:space-between; margin-top:12px; font-size:12px; }.product-card dt { color:#90959d; }.product-card dd { margin:0; }
.product-card .btn { width:100%; text-align:center; justify-content:center; border-radius:8px; padding:13px; font-size:13px; }
.auth-page [data-auth-content] { margin-top:20px; }.auth-page .auth-card { width:min(440px,100%); }.auth-card h2 { line-height:1.25; }.auth-form[hidden] { display:none!important; }.auth-form select { width:100%; padding:14px; border:0; background:transparent; color:#222; outline:none; }.auth-form .auth-input { min-height:50px; }.auth-form .auth-input input { width:100%; min-width:0; }.auth-input button { flex:none; border:0; background:none; color:#9a7b00; font-size:12px; padding:0 12px; white-space:nowrap; }.auth-input button:disabled { color:#a0a5ae; }.auth-check { display:flex!important; gap:9px; align-items:flex-start!important; font-size:12px; line-height:1.8; }.auth-check input { width:16px; height:16px; margin-top:3px; flex:none; accent-color:#c6a200; }.auth-check span { display:inline!important; }.auth-check a { color:#8f7500; }.input-help { display:block; font-size:11px; color:#9b9fa6; margin-top:-12px; }.auth-tabs { display:flex; gap:24px; margin:15px 0 25px; border-bottom:1px solid #e8eaee; }.auth-tabs button { padding:10px 0; border:0; background:transparent; font-size:15px; color:#8a8f98; }.auth-tabs button.active { border-bottom:2px solid #e5bc16; color:#111; }.auth-forgot { align-self:flex-end; font-size:12px; color:#8b7409; }.auth-message:not(:empty) { font-size:13px; line-height:1.7; color:#c04a55; margin:12px 0; }.auth-message.success { color:#168b68; }.auth-form button.auth-primary { border:0; }.auth-card .text-link { margin-top:24px; font-size:13px; }
.console-page { background:#f7f8fa!important; color:#17191e!important; }.console-page .site-foot { display:none; }.console-page .site-head { position:relative; }.console-shell { display:grid; grid-template-columns:238px minmax(0,1fr); max-width:1680px; margin:0 auto; min-height:calc(100vh - 76px); }
.console-sidebar { background:#fff; border-right:1px solid #e8ebef; padding:30px 20px; }.console-identity { display:flex; gap:12px; align-items:center; padding:0 5px 28px; border-bottom:1px solid #eef0f3; margin-bottom:20px; }.identity-avatar { display:flex; justify-content:center; align-items:center; width:43px; height:43px; background:#fcd535; color:#17191e; border-radius:50%; font-size:20px; font-weight:800; }.console-identity strong { display:block; font-size:14px; margin-bottom:4px; }.console-identity small { color:#9a9fa8; font-size:10px; }.console-sidebar nav>a { display:block; padding:10px 15px; margin-bottom:3px; font-size:12px; border-radius:7px; color:#626975; }.console-sidebar nav>a:hover { background:#f5f6f8; color:#14171c; }.console-sidebar nav>a.active { background:#fff6cc; color:#6f5900; font-weight:700; }.console-nav-caption { display:block; color:#a9afb8; font-size:10px; margin:19px 15px 8px; letter-spacing:.6px; }.console-brand { margin:35px 15px 0; display:block; font-size:20px; font-weight:800; }.console-brand b { color:#c6a312; }
.console-main { padding:42px 46px 70px; min-width:0; }.console-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:32px; }.console-heading .kicker { color:#ab8d21; font-size:10px; letter-spacing:2px; margin:0 0 8px; }.console-heading h1 { font-size:30px; margin:0 0 10px; letter-spacing:-.8px; }.console-heading p { font-size:12px; color:#9298a3; }.console-heading .btn { font-size:12px; padding:11px 16px; border-radius:7px; white-space:nowrap; }
.console-page .btn.secondary,.exchange-page .btn.secondary { background:#fff!important; color:#222!important; border:1px solid #e2e5e9; }.console-page .btn.primary,.exchange-page .btn.primary { color:#191b1f!important; border:0; }.console-page .btn { padding:12px 20px; font-size:12px; border-radius:7px; }.workspace-actions { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 28px; }.workspace-panel { background:#fff; border:1px solid #e6e9ed; border-radius:13px; padding:25px; margin-bottom:25px; min-width:0; }.panel-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:15px; margin-bottom:22px; }.panel-heading h2 { margin:0; font-size:17px; }.panel-heading .btn { padding:8px 12px; font-size:11px; }.data-scroll { width:100%; overflow-x:auto; }.data-table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; }.data-table th { font-size:10px; color:#9da3ad; font-weight:500; padding:14px 12px; background:#f9fafb; border-bottom:1px solid #eef0f3; white-space:nowrap; }.data-table td { padding:18px 12px; border-bottom:1px solid #eef0f3; color:#424a55; line-height:1.6; font-variant-numeric:tabular-nums; max-width:340px; overflow-wrap:anywhere; }.data-table tr:last-child td { border-bottom:0; }.data-table td:first-child b { color:#17191e; }.ledger-line { display:block; white-space:nowrap; }
.account-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; margin:25px 0; }.account-cards>a { padding:24px 20px; background:#fff; border:1px solid #e5e8ec; border-radius:13px; }.account-cards>a:first-child { background:#20242b; color:#fff; border-color:#20242b; }.account-cards span { display:flex; justify-content:space-between; font-size:12px; color:#969da8; }.account-cards i { font-style:normal; }.account-cards strong { display:block; font-size:25px; margin-top:28px; overflow-wrap:anywhere; }.account-cards strong small { font-size:10px; font-weight:400; }.account-cards p { font-size:10px; color:#a0a7b2; margin-top:14px; }.workspace-entry-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.workspace-entry-grid>a { position:relative; min-height:155px; border:1px solid #e6e9ed; border-radius:13px; padding:24px; background:#fff; overflow:hidden; }.workspace-entry-grid img { width:110px; height:110px; object-fit:contain; position:absolute; right:0; bottom:0; }.workspace-entry-grid h3 { position:relative; font-size:16px; margin:0 0 14px; }.workspace-entry-grid p { position:relative; font-size:11px; color:#9098a4; max-width:65%; }.stat-grid { display:flex; flex-wrap:wrap; gap:18px; margin:20px 0 28px; }.stat-grid article { background:#fff; border:1px solid #e5e8ed; border-radius:12px; padding:24px; flex:1; min-width:180px; }.stat-grid span { display:block; color:#8b929e; font-size:12px; }.stat-grid strong { display:block; margin-top:17px; font-size:29px; }.stat-grid strong small { font-size:12px; font-weight:400; color:#999; }
.workspace-tabs { display:flex; flex-wrap:wrap; gap:22px; border-bottom:1px solid #e3e6ea; margin-bottom:25px; }.workspace-tabs button,.workspace-tabs a { border:0; background:transparent; padding:14px 0; font-size:13px; color:#9097a2; border-bottom:2px solid transparent; }.workspace-tabs .active { color:#20242b; border-bottom-color:#e6ba13; font-weight:700; }.workspace-note { font-size:12px; color:#9199a5; line-height:1.8; margin:15px 0 25px; }.login-gate { display:flex; width:fit-content; margin:20px auto; }.more-button { margin:20px auto 0; display:block; }.list-count { font-size:11px; color:#a0a7b0; text-align:center; margin:18px 0 0; }
.invite-card,.gift-banner { display:flex; align-items:center; gap:35px; padding:20px 0 35px; }.invite-card img,.gift-banner img { width:180px; height:180px; object-fit:contain; }.invite-card strong { font-size:36px; letter-spacing:4px; }.invite-card p { color:#939ba6; font-size:12px; margin:13px 0; }.gift-banner h2 { font-size:32px; margin:14px 0; }.gift-banner progress { display:block; width:230px; max-width:100%; height:8px; margin:15px 0 20px; accent-color:#d5b500; }.site-form { max-width:520px; display:flex; flex-direction:column; gap:20px; }.site-form label { display:flex; flex-direction:column; gap:9px; color:#6c7481; font-size:12px; }.site-form input,.site-form select,.site-form textarea { padding:13px 15px; border:1px solid #e0e4e9; border-radius:8px; font-size:13px; background:#fff; color:#252a33; width:100%; }.site-form input[readonly] { background:#f7f8fa; color:#7c8593; }.site-form textarea { resize:vertical; }.site-form .btn { width:fit-content; }.form-message { font-size:12px; line-height:1.7; color:#9b7a00; min-height:20px; }.security-summary { display:flex; gap:30px; align-items:center; margin:20px 0 40px; }.security-summary img { width:160px; height:160px; object-fit:contain; }.security-summary h2 { font-size:25px; }.security-summary p:not(.kicker) { font-size:12px; line-height:1.8; color:#929aa6; }.security-summary .btn { margin:8px 7px 0 0; }.verification-state { text-align:center; padding:30px 20px; }.verification-symbol { width:66px; height:66px; display:grid; place-items:center; margin:0 auto 20px; border-radius:50%; background:#faf2cd; color:#b18b00; font-size:30px; }.verification-state h2 { font-size:23px; }.verification-state p { font-size:12px; color:#9299a4; line-height:1.8; }.verification-state .btn { margin-top:20px; }.transfer-overview { display:flex; align-items:center; justify-content:center; gap:25px; padding:28px 10px; font-size:16px; }.transfer-overview b { font-size:28px; color:#b79413; }
.product-detail { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:30px; border:1px solid #e5e8ec; border-radius:15px; background:#fff; }.product-detail-art { display:flex; align-items:center; justify-content:center; }.product-detail-art img { max-width:100%; max-height:360px; object-fit:contain; }.product-detail h2 { font-size:30px; margin:10px 0 20px; }.product-price { font-size:35px; margin:25px 0; }.product-price small { font-size:13px; }.detail-pairs { margin:25px 0; }.detail-pairs>div { display:flex; justify-content:space-between; padding:13px 0; border-bottom:1px solid #eceef2; font-size:12px; }.detail-pairs dt { color:#939aa5; }.detail-pairs dd { margin:0; }.product-detail .muted { font-size:12px; line-height:1.8; margin-bottom:25px; }.product-detail .text-link { display:block; margin-top:20px; font-size:12px; }
.feed-toolbar { display:flex; gap:20px; align-items:center; justify-content:space-between; margin-bottom:25px; }.feed-toolbar .search-field { width:360px; max-width:60%; }.feed-toolbar .btn { padding:12px 18px; font-size:12px; }.news-list { display:grid; gap:20px; }.news-card { border:1px solid #e4e7ec; border-radius:14px; padding:30px; background:#fff; color:#15191d; }.news-card>div { display:flex; align-items:center; gap:10px; font-size:11px; }.news-card time { margin-left:auto; color:#a1a7af; }.news-category { color:#ae8a0f; }.news-card h2 { font-size:22px; margin:20px 0 15px; }.news-card h2 button { text-align:left; border:0; background:none; color:inherit; font:inherit; padding:0; cursor:pointer; }.news-card p { font-size:13px; line-height:1.9; color:#858d99; }.news-card .text-link { font-size:12px; margin-top:15px; }
dialog { border:1px solid #e0e4e8; border-radius:18px; padding:45px; color:#222; background:#fff; max-width:760px; width:calc(100% - 40px); max-height:85vh; overflow:auto; box-shadow:0 25px 80px #0003; }dialog::backdrop { background:#070b13aa; backdrop-filter:blur(6px); }.article-dialog { margin:auto; }.article-dialog h2 { font-size:27px; line-height:1.4; margin:20px 0; }.article-dialog time { font-size:12px; color:#999; }.dialog-close { position:absolute; top:16px; right:18px; width:30px; height:30px; display:grid; place-items:center; border:0; border-radius:50%; background:#f2f3f5; color:#666; font-size:20px; }.article-body { white-space:pre-wrap; line-height:1.9; font-size:14px; color:#6b7380; margin-top:25px; overflow-wrap:anywhere; }
.support-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }.support-categories>a { border:1px solid #e5e8ed; border-radius:14px; padding:28px; color:#252a33; background:#fff; }.support-categories span { color:#a88d20; font-size:30px; }.support-categories h3 { font-size:17px; margin:18px 0 10px; }.support-categories p { font-size:12px; color:#929aa6; }.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:55px; }.contact-grid h3 { margin-top:0; font-size:18px; }.ticket-message { padding:20px 0; border-bottom:1px solid #eee; font-size:13px; }.ticket-message time { float:right; font-size:10px; }.ticket-message p { white-space:pre-wrap; line-height:1.8; }.download-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; padding-bottom:100px; }.download-art { background:radial-gradient(ellipse at center,#39332a 0,transparent 65%); min-height:530px; display:flex; justify-content:center; align-items:center; }.download-art .video-device { position:relative; inset:auto; transform:none; width:230px; height:490px; }.download-art video { width:100%; height:100%; object-fit:cover; border-radius:30px; }.download-layout h2 { font-size:32px; }.download-layout>div>p { color:#9299a4; font-size:13px; line-height:1.8; }.download-options { display:grid; gap:14px; margin-top:30px; }.download-option { display:flex; align-items:center; gap:18px; border:1px solid #dedfe2; border-radius:12px; padding:22px; color:inherit; }.download-option>span:nth-child(2) { flex:1; }.download-option strong { display:block; font-size:16px; }.download-option small { display:block; margin-top:7px; font-size:11px; color:#8c929b; }.download-platform-icon { font-size:28px; color:#c7a932; width:32px; }.download-option:not(.unavailable):hover { border-color:#d5b62f; }.download-option.unavailable { opacity:.6; }.download-note { margin-top:28px; }.download-note b { font-size:12px; }.download-note p { font-size:11px; color:#8c929b; line-height:1.8; }
.exchange-page { background:#f5f6f8!important; color:#1a1e25!important; }.exchange-page .site-foot { display:none; }.exchange { max-width:1920px; margin:0 auto; }.exchange-subnav { display:flex; align-items:center; gap:28px; padding:0 25px; height:53px; background:#fff; border-bottom:1px solid #e7e9ed; font-size:13px; }.exchange-subnav a.active { font-weight:700; }.exchange-subnav a:last-child { margin-left:auto; font-size:11px; color:#9b839e; }.exchange-grid { display:grid; grid-template-columns:210px minmax(0,1fr) 220px 265px; gap:1px; background:#e6e9ed; }.exchange-grid>section,.exchange-grid>aside { background:#fff; min-width:0; }.exchange-markets { padding:22px 12px; grid-row:span 2; }.exchange-markets h2 { font-size:17px; margin:0 10px 20px; }.exchange-markets .search-field { padding:8px 10px; margin-bottom:18px; }.exchange-pair { display:flex; align-items:center; padding:13px 8px; gap:8px; border-radius:6px; }.exchange-pair.active,.exchange-pair:hover { background:#f5f6f8; }.exchange-pair .coin-disc { width:23px; height:23px; font-size:12px; }.exchange-pair b { font-size:11px; }.exchange-pair>span { margin-left:auto; text-align:right; font-size:11px; }.exchange-pair small { display:block; font-size:9px; color:#9da4ad; margin-top:5px; }.exchange-summary { padding:22px 20px; display:flex; gap:10px; align-items:center; min-height:99px; flex-wrap:wrap; }.exchange-summary h1 { font-size:18px; margin:0; }.exchange-summary small { font-size:9px; color:#9ba3ae; }.exchange-summary>strong { font-size:23px; margin-left:10px; }.exchange-summary dl { display:flex; gap:20px; margin-left:auto; font-size:10px; }.exchange-summary dt { color:#a1a8b2; }.exchange-summary dd { margin:5px 0 0; }.chart-toolbar { display:flex; gap:10px; justify-content:space-between; align-items:center; padding:13px 20px; border-block:1px solid #edf0f3; }.chart-toolbar nav { display:flex; gap:6px; }.chart-toolbar button { border:0; background:none; padding:6px 8px; color:#818b99; font-size:11px; border-radius:4px; }.chart-toolbar button.active { color:#9e7d00; background:#fff7d1; }.chart-toolbar>span { font-size:10px; color:#9ca4af; }.candle-stage { min-height:380px; }.candles-svg { width:100%; min-height:300px; display:block; }.chart-foot { padding:15px 20px; border-top:1px solid #eee; font-size:10px; color:#a2a9b2; }.exchange-book { padding:22px 16px; }.exchange-book h2 { font-size:15px; }.exchange-book .state-box { padding:30px 10px; }.exchange-book .state-box h3 { font-size:13px; }.exchange-book .state-box p { font-size:11px; }.book-head,.book-level { display:flex; justify-content:space-between; font-size:10px; padding:7px 0; font-variant-numeric:tabular-nums; }.book-head { color:#a3aab3; font-size:9px; }.book-price { font-size:21px; font-weight:700; padding:18px 0; border-block:1px solid #f0f2f4; margin:8px 0; }.book-time { display:block; font-size:9px; color:#a5abb4; margin-top:20px; }.exchange-entry { padding:26px 22px; grid-row:span 2; }.exchange-entry h2 { font-size:20px; }.exchange-entry>p { font-size:12px; color:#8c96a3; line-height:1.9; }.exchange-entry>.btn { display:flex; margin:25px 0; justify-content:center; padding:14px 10px; font-size:12px; border-radius:8px; }.exchange-quick-links { display:flex; justify-content:space-between; font-size:10px; color:#9b8a4b; }.exchange-status { margin:30px 0; padding:20px 0; border-block:1px solid #eee; }.exchange-status p { font-size:11px; color:#9ca4af; line-height:1.7; }.exchange-ai { display:block; padding:25px 18px; border-radius:12px; background:#f7f5eb; margin-top:40px; }.exchange-ai span { font-size:9px; letter-spacing:1px; color:#a38d3e; }.exchange-ai h3 { font-size:16px; margin:13px 0; }.exchange-ai p { font-size:10px; color:#9a916b; line-height:1.7; }.exchange-records { grid-column:2/4; padding:25px; min-height:200px; }.exchange-records h2 { font-size:17px; }.exchange-records .section-heading>a { font-size:11px; color:#a59148; }.exchange-records .state-box { padding:20px; }.exchange-records .state-symbol { font-size:22px; }
@media(min-width:1500px) { .console-main { padding-inline:55px; } }
@media(max-width:1250px) { .console-main { padding:32px 28px; }.account-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.exchange-grid { grid-template-columns:180px minmax(0,1fr) 220px; }.exchange-entry { grid-column:3; grid-row:2; }.exchange-book { grid-column:3; grid-row:1; }.exchange-records { grid-column:2; grid-row:2; }.exchange-markets { grid-row:span 2; }.exchange-summary dl { width:100%; margin:12px 0 0; }.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:980px) { .console-shell { grid-template-columns:190px minmax(0,1fr); }.console-sidebar { padding:25px 12px; }.console-main { padding:28px 22px; }.console-heading h1 { font-size:26px; }.workspace-entry-grid { grid-template-columns:1fr; }.workspace-entry-grid>a { min-height:120px; }.workspace-entry-grid img { width:130px; }.support-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }.download-layout { gap:30px; }.exchange-grid { grid-template-columns:minmax(0,1fr) 230px; }.exchange-markets { display:none; }.exchange-chart { grid-column:1; grid-row:1; }.exchange-book { grid-column:2; grid-row:1; }.exchange-entry { grid-column:2; grid-row:2; }.exchange-records { grid-column:1; grid-row:2; }.product-detail { grid-template-columns:1fr; }.product-detail-art img { max-height:230px; } }
@media(max-width:700px) { .section-heading h2 { font-size:23px; }.state-box { padding:35px 18px; }.state-box h3 { font-size:15px; }.market-overview .market-rank-grid { grid-template-columns:1fr; gap:12px; }.rank-card { min-height:auto; padding:20px; }.rank-card a { margin-top:13px; }.market-table { min-width:760px; }.market-table-footer { gap:15px; flex-wrap:wrap; }.market-table-footer small { font-size:9px; }.product-grid { grid-template-columns:1fr; }.product-card { padding:25px; }.product-catalog { padding-bottom:50px; }.product-visual { height:170px; }.console-shell { display:block; }.console-sidebar { border:0; padding:0; background:#fff; }.console-identity,.console-nav-caption,.console-brand { display:none; }.console-sidebar nav { display:flex; overflow-x:auto; padding:12px 18px; gap:4px; scrollbar-width:none; border-bottom:1px solid #eee; }.console-sidebar nav>a { flex:none; font-size:11px; padding:9px 11px; margin:0; }.console-main { padding:26px 18px 60px; }.console-heading { align-items:flex-start; gap:12px; margin-bottom:24px; }.console-heading h1 { font-size:25px; }.console-heading p { line-height:1.7; font-size:11px; }.console-heading .btn { padding:8px 10px; font-size:10px; }.workspace-panel { padding:20px 16px; }.account-cards { gap:10px; }.account-cards>a { padding:20px 16px; }.account-cards strong { font-size:22px; margin-top:22px; }.account-cards p { font-size:9px; }.account-cards span { font-size:11px; }.data-table { min-width:550px; }.workspace-panel .data-table { min-width:540px; }.workspace-tabs { gap:22px; }.workspace-tabs button { font-size:12px; }.invite-card,.gift-banner { gap:15px; flex-direction:column; align-items:flex-start; padding-top:0; }.invite-card img,.gift-banner img { width:130px; height:130px; align-self:center; }.invite-card strong { font-size:30px; }.stat-grid { gap:10px; }.stat-grid article { min-width:130px; padding:18px; }.stat-grid strong { font-size:25px; }.security-summary { gap:10px; flex-direction:column; align-items:flex-start; }.security-summary img { width:120px; height:120px; align-self:center; }.security-summary h2 { font-size:23px; }.product-detail { padding:20px; }.transfer-overview { font-size:13px; gap:15px; }.product-detail h2 { font-size:26px; }.product-price { font-size:30px; }.contact-grid { grid-template-columns:1fr; gap:35px; }.support-categories { gap:12px; }.support-categories>a { padding:20px; }.support-categories h3 { font-size:15px; }.support-categories p { font-size:10px; }.news-card { padding:24px 20px; }.news-card h2 { font-size:19px; }.news-card time { font-size:9px; }.news-card>div { flex-wrap:wrap; }.feed-toolbar .search-field { width:auto; max-width:65%; }.feed-toolbar .btn { padding:12px; font-size:11px; }.download-layout { display:flex; flex-direction:column; padding-bottom:60px; gap:30px; }.download-art { min-height:410px; width:100%; }.download-art .video-device { width:180px; height:385px; }.download-layout h2 { font-size:27px; }.download-layout>div { width:100%; }.download-option { padding:20px 16px; }.exchange-subnav { padding:0 18px; gap:20px; font-size:11px; }.exchange-subnav a:last-child { display:none; }.exchange-grid { grid-template-columns:1fr; }.exchange-chart { grid-column:1; grid-row:1; }.exchange-book { grid-column:1; grid-row:2; }.exchange-entry { grid-column:1; grid-row:3; }.exchange-records { grid-column:1; grid-row:4; }.exchange-book { display:grid; grid-template-columns:1fr; }.exchange-book .book-level { font-size:12px; padding:8px 0; }.exchange-summary { padding:18px; }.exchange-summary h1 { font-size:17px; }.exchange-summary>strong { margin-left:auto; font-size:22px; }.exchange-summary dl { gap:30px; }.chart-toolbar { padding:12px; }.chart-toolbar button { padding:6px 8px; }.chart-toolbar>span { display:none; }.candle-stage { min-height:280px; }.candles-svg { min-height:260px; }.exchange-entry { padding:20px; }.exchange-ai { margin-top:25px; }.exchange-records { padding:22px 18px; }.auth-page .auth-panel { padding:35px 25px 60px; }.auth-page .auth-card { max-width:440px; }.auth-card h2 { font-size:28px; }.auth-page .support-widget { display:none; }dialog { padding:38px 24px 26px; }.article-dialog h2 { font-size:22px; }.article-body { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
/* Public pages retain the prototype's black surface. */
.auth-page #site-footer { display:none; }
body:not(.console-page):not(.auth-page):not(.exchange-page) .state-box { border-color:#2a2d31; }
.market-overview-page .rank-card { border-color:#292d32; background:#0b0d0f; }
.market-overview-page .coin-name strong { color:#f0f1f2; }
.market-overview-page .market-trade-link { color:#eee; background:#21252b; }
.market-overview-page .market-trade-link:hover { color:#151515; background:#fcd535; }
.market-overview-page .market-table-footer nav button { color:#aaa; background:#171b20; }
.market-overview-page .market-table-footer nav button.active { color:#17191e; background:#fcd535; }
.product-catalog .product-card { background:#101214; color:#f0f1f2; border-color:#292d32; }
.product-catalog .product-card dl { border-color:#2a2d32; }
.product-catalog .product-card .btn.secondary { background:#1a1e24!important; color:#eee; border-color:#34383e; }
.product-catalog .tag { border-color:#3f371a; background:#292410; color:#d1ad3c; }
.news-card { background:#101214; border-color:#292d32; color:#eee; }
.support-categories>a { background:#101214; border-color:#292d32; color:#eee; }
body:not(.console-page):not(.auth-page):not(.exchange-page) .search-field { background:#101214; border-color:#292d32; }
body:not(.console-page):not(.auth-page):not(.exchange-page) .search-field input { color:#eee; }
.download-option { border-color:#33373d; }
.support-form input,.support-form textarea,.support-form select { background:#101214; color:#eee; border-color:#2c3035; }
.support-form label { color:#a5acb5; }
.noscript { padding:18px; text-align:center; color:#111; background:#fcd535; }
@media(max-width:700px) { .auth-page .auth-panel { padding-inline:20px; }.auth-page .auth-card { padding:30px 24px; }.auth-card h2 { font-size:26px; }.auth-card .auth-intro { font-size:12px; }.auth-form .auth-input input { padding-inline:13px; font-size:13px; }.auth-form .auth-input button { font-size:10px; padding-inline:10px; } }
.console-page main { background:#f7f8fa; }
.console-page .site-head,.exchange-page .site-head { color:#f3f4f6; }
.console-page .site-head .logo,.exchange-page .site-head .logo { color:#f3f4f6; }
.exchange-page main { background:#f5f6f8; }
@media(max-width:700px) {
  .home-hero h1 { font-size:clamp(26px,7.7vw,34px)!important; line-height:1.45; letter-spacing:-1.5px; }
  .home-hero h1 strong { font-size:inherit!important; }
  .quick-buy-shell { width:100%; min-width:0; grid-template-columns:minmax(0,1fr)!important; padding-inline:16px; box-sizing:border-box; }
  .quick-buy-heading,.quick-buy-card { min-width:0; max-width:100%; width:100%; box-sizing:border-box; }
  .quick-buy-card { padding:20px; }
  .quick-buy-input-row input { min-width:0; width:100%; flex:1; }
  .quick-buy-input-row { min-width:0; }
  .quick-buy-input-row output { min-width:0; overflow-wrap:anywhere; }
  .quick-buy-presets { min-width:0; gap:6px; }
  .quick-buy-presets button { min-width:0; padding-inline:5px; font-size:10px; white-space:nowrap; }
  .quick-source { gap:8px; }.quick-source>span,.quick-source b { min-width:0; }.quick-source small { white-space:normal; line-height:1.5; }
  .quick-source>a { flex:none; font-size:10px; }
  .quick-quote-status { flex-wrap:wrap; gap:5px; }.quick-quote-status span { min-width:0; flex:1; font-size:10px; }.quick-quote-status b { font-size:9px; }
  .quick-buy-trust { flex-wrap:wrap; gap:8px; font-size:9px; }
}
.market-showcase-inner { grid-template-columns:minmax(0,.68fr) minmax(0,1.55fr); gap:56px; }
.market-board { min-width:0; max-width:100%; }
@media(max-width:1100px) { .market-showcase-inner { grid-template-columns:minmax(0,1fr); gap:50px; } }
/* Match the prototype's searchable country picker and round SVG flags. */
.auth-country-field { display:flex; flex-direction:column; gap:10px; }
.auth-country-field>span { font-size:12px; color:#45484d; }
.auth-country-field>.auth-message { margin:0; }
.auth-country-field>.auth-message:empty { display:none; }
.auth-card[data-auth="register"] { overflow:visible; }
.auth-form .auth-country-search { flex-direction:row; margin:0 5px 10px; gap:10px; }
.auth-form .auth-country-search input { min-width:0; width:100%; height:100%; padding:0; border:0; background:none; box-shadow:none; font-size:12px; }
.auth-form .auth-country-search:focus-within { outline:1px solid #b8bbc0; outline-offset:1px; }
.auth-form .auth-country-search input:focus-visible { outline:none; }
.auth-country-options button:focus-visible { outline:2px solid #d3ae21; outline-offset:-2px; background:#f5f3e9; }
.auth-country-empty { margin:0; padding:20px 10px; color:#92969e; font-size:12px; text-align:center; }
.auth-select-trigger[aria-invalid="true"] { border-color:#c04a55; }
@media(max-width:700px) {
  .auth-light .auth-select-trigger { height:58px; padding-inline:14px; gap:10px; }
  .auth-country-menu { padding-top:12px; }
  .auth-country-options { max-height:min(260px,35dvh); }
  .auth-country-search { padding-inline:12px; }
}
/* Header language control, placed immediately after Help. */
.site-language { position:relative; flex:none; color:#f1f3f5; }
.site-language-trigger { display:flex; align-items:center; justify-content:center; gap:3px; width:44px; height:42px; padding:6px; border:0; background:transparent; color:inherit; border-radius:8px; }
.site-language-trigger:hover,.site-language-trigger[aria-expanded="true"] { background:#ffffff12; }
.site-language-trigger>svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.6; }
.site-language-trigger>svg.language-chevron { width:10px; height:10px; }
.site-language-panel { position:absolute; right:0; top:calc(100% + 14px); z-index:100; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:320px; padding:16px; gap:4px; color:#eceef1; background:#15181d; border:1px solid #32363d; border-radius:14px; box-shadow:0 18px 55px #0007; }
.language-panel-title { grid-column:1/-1; font-size:14px; font-weight:650; padding:4px 10px 12px; }
.site-language-panel>button { min-width:0; border:0; border-radius:8px; padding:13px 10px; display:flex; justify-content:space-between; align-items:center; gap:10px; background:transparent; color:inherit; text-align:start; font-size:13px; }
.site-language-panel>button:hover,.site-language-panel>button:focus-visible { background:#ffffff0c; }
.site-language-panel>button[aria-checked="true"] { color:#fcd535; background:#fcd53510; }
.site-language-panel i { font-style:normal; }
/* Longer translations flow within the same layout. */
html:not([lang="zh-CN"]) .home-hero h1 { font-size:clamp(36px,3.5vw,54px); line-height:1.2; overflow-wrap:break-word; }
html:not([lang="zh-CN"]) .nav { gap:18px; }
html:not([lang="zh-CN"]) .nav-item button { font-size:12px; }
html:not([lang="zh-CN"]) .nav-item.plain { font-size:12px; }
html:not([lang="zh-CN"]) .head-actions { gap:12px; }
html:not([lang="zh-CN"]) .console-sidebar nav>a { line-height:1.5; }
html:not([lang="zh-CN"]) .market-copy h2 { font-size:clamp(32px,3vw,48px); line-height:1.2; }
html:not([lang="zh-CN"]) .trust-grid h3 { min-height:2.5em; }
html:not([lang="zh-CN"]) .step-grid h3 { line-height:1.4; }
html:not([lang="zh-CN"]) .auth-visual h1 { line-height:1.35; }
/* Arabic document flow; charts, financial figures and addresses keep a clear reading order. */
html[dir="rtl"] .site-language-panel { text-align:left; }
html[dir="rtl"] .console-sidebar { border-right:0; border-left:1px solid #e8ebef; }
html[dir="rtl"] .data-table { text-align:right; }
html[dir="rtl"] .mega a { text-align:right; }
html[dir="rtl"] .item-arrow { rotate:180deg; }
html[dir="rtl"] .auth-select-trigger { text-align:right; }
html[dir="rtl"] .auth-country-options button { text-align:right; }
html[dir="rtl"] .news-card time { margin-left:0; margin-right:auto; }
html[dir="rtl"] .exchange-summary>strong { margin-left:0; margin-right:10px; }
html[dir="rtl"] .exchange-summary dl { margin-left:0; margin-right:auto; }
html[dir="rtl"] .exchange-pair>span { margin-left:0; margin-right:auto; text-align:left; }
html[dir="rtl"] .candles-svg,html[dir="rtl"] .mono,html[dir="rtl"] .product-price,html[dir="rtl"] .account-cards strong,html[dir="rtl"] .market-tile-foot strong,html[dir="rtl"] .book-level,html[dir="rtl"] .exchange-summary>strong { direction:ltr; unicode-bidi:isolate; }
html[dir="rtl"] .dialog-close { right:auto; left:18px; }
html[dir="rtl"] .header-search-results { right:0; left:auto; text-align:right; }
@media(max-width:1100px) { html:not([lang="zh-CN"]) .header-search { display:none; } }
@media(max-width:700px) {
  .site-language-trigger { width:36px; height:40px; padding:4px; }
  .site-language-panel { position:fixed; top:76px; left:12px; right:12px; width:auto; max-width:calc(100vw - 24px); }
  .head-actions { gap:10px!important; }
  html:not([lang="zh-CN"]) .home-hero h1 { font-size:clamp(29px,7.7vw,38px)!important; line-height:1.2; letter-spacing:-1px; }
  html:not([lang="zh-CN"]) .actions .btn { padding-inline:16px; font-size:12px; white-space:normal; text-align:center; }
  .auth-country-options button span { line-height:1.5; }
}

.site-language-panel { direction:ltr; text-align:left; }
.site-language-panel>button { direction:ltr; text-align:left; }
.site-language-panel>button>span { unicode-bidi:isolate; }

html[dir="rtl"] .site-head .nav { margin-left:0; margin-right:54px; }
html[dir="rtl"] .head-actions { margin-left:0; margin-right:auto; }
html[dir="rtl"] .site-language-panel { left:0; right:auto; }
html[dir="rtl"] .site-foot.okx-reference-foot .foot-bottom-bar { width:100%; margin-inline:0; }
.site-head .logo { direction:ltr; }
@media(max-width:700px) { html[dir="rtl"] .site-language-panel { left:12px; right:12px; } }

/* Footer links may wrap for languages with longer words. */
.okx-foot-links { grid-template-columns:minmax(0,1.35fr) repeat(5,minmax(0,1fr)); }
.okx-foot-links .foot-col { min-width:0; grid-template-columns:minmax(0,1fr); overflow-wrap:anywhere; }
.okx-foot-links .foot-col>* { min-width:0; max-width:100%; }
@media(max-width:1100px) { .okx-foot-links { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) { .okx-foot-links { grid-template-columns:repeat(2,minmax(0,1fr)); } }

.spot-market-selector { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; padding:14px 22px; background:#fff; border-bottom:1px solid #e7e9ed; }
.spot-market-selector label { display:flex; align-items:center; gap:12px; font-size:12px; }
.spot-market-selector select { max-width:230px; min-width:160px; padding:9px 12px; border:1px solid #dfe3e8; border-radius:7px; background:#fff; color:#222; }
.exchange-pair { min-width:0; }
.exchange-pair b { min-width:0; }
.exchange-pair>span { flex:none; }
.home-market-card .market-tile-head { grid-template-columns:42px minmax(0,1fr) 88px; gap:10px; }
.home-market-card .coin-disc { width:42px; height:42px; font-size:23px; }
.home-market-card .market-tile-head b { font-size:15px; overflow-wrap:anywhere; }
.home-market-card .home-market-sparkline { width:88px; height:42px; background:none!important; clip-path:none; }
.home-market-card .market-tile-foot { gap:12px; }
.home-market-card .market-tile-foot dl { min-width:100px; }
.home-market-card .market-tile-foot dd { font-size:11px; color:#ed247c; }
.home-market-card.gain .market-tile-foot dd { color:#00c9a7; }
@media(max-width:700px) {
  .spot-market-selector { padding:12px 18px; }
  .spot-market-selector label { width:100%; justify-content:space-between; }
  .spot-market-selector select { min-width:0; max-width:65%; }
  .chart-toolbar nav { flex-wrap:wrap; }
  .exchange-summary>strong { margin-inline-start:0; }
}

/* Keep the real curve in place; a highlight and light point travel along it. */
.home-market-card .home-market-sparkline .spark-flow {
  stroke-dasharray:13 87; stroke-dashoffset:0; stroke-linecap:round; opacity:.95;
  filter:drop-shadow(0 0 2px currentColor);
  animation:home-spark-flow var(--spark-duration,4.2s) linear var(--spark-delay,0s) infinite;
}
.home-market-card .spark-runner { filter:drop-shadow(0 0 2px #baffef); }
.home-market-card .spark-endpoint {
  transform-box:fill-box; transform-origin:center;
  animation:home-spark-pulse 2s ease-in-out var(--spark-delay,0s) infinite;
}
@keyframes home-spark-flow { to { stroke-dashoffset:-100; } }
@keyframes home-spark-pulse { 0%,100% { opacity:.5; transform:scale(.8); } 50% { opacity:1; transform:scale(1.35); } }
@media(prefers-reduced-motion:reduce) {
  .home-market-card .home-market-sparkline .spark-flow,.home-market-card .spark-runner { display:none; animation:none; }
  .home-market-card .spark-endpoint { animation:none; }
}
@media(min-width:701px) and (max-width:1450px) {
  .home-market-card .market-tile-head { grid-template-columns:36px minmax(0,1fr) 66px; gap:8px; }
  .home-market-card .coin-disc { width:36px; height:36px; font-size:20px; }
  .home-market-card .market-tile-head b { font-size:13px; white-space:nowrap; overflow-wrap:normal; }
  .home-market-card .home-market-sparkline { width:66px; }
}

.market-overview .market-table-footer { justify-content:flex-end; }

/* Homepage FAQ: tighter rows with room for wrapped questions and answers. */
.faq .faq-list { margin-top:56px; }
.faq .faq-list summary { min-height:100px; padding-block:20px; box-sizing:border-box; }
.faq .faq-list details p { margin:0 0 28px; }
@media(max-width:720px) {
  .faq .faq-list { margin-top:32px; }
  .faq .faq-list summary { min-height:76px; padding-block:18px; }
  .faq .faq-list details p { margin-bottom:22px; }
}