/* Finexora Pro - exchange look (v2): near-black surfaces, gold brand accent, green/red market colours */
:root{color-scheme:dark;--strong:#fff;--lab:#b4bcc8;--td:#cfd5de;--link:#c3cad4;--soft:#aab3c0;--bw:#f3cf8f;--bi:#a9d3f7;--bb:#f9a8b3;--bo:#8ae6c0;--nav-bg:rgba(11,14,17,.92);--bottom-bg:rgba(18,22,27,.97);--hov:rgba(255,255,255,.025);--secret:#0d1014;--brandbg:#0e1216;--tok-bg:#0f2a20;--tok-line:#1f6b4c;--ter-bg:#33141a;--ter-line:#8c2a3a;--bg:#0b0e11;--s1:#12161b;--s2:#181d23;--s3:#20262e;--line:#262d36;--line2:#1d232b;
--text:#eaecef;--muted:#8a94a3;--gold:#d4af37;--gold2:#b8902a;--up:#0ecb81;--down:#f6465d;--warn:#f0b34a;--info:#5aa9f0;
--grad:linear-gradient(135deg,#e3c35a 0%,#c49a2c 100%);--r:12px;--shadow:0 10px 30px rgba(0,0,0,.35)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-text-size-adjust:100%}
a{color:inherit}
.muted{color:var(--muted)}.small{font-size:12px}.gold{color:var(--gold)}.up{color:var(--up)}.down{color:var(--down)}
.hide{display:none!important}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;word-break:break-all;direction:ltr;unicode-bidi:plaintext}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* ---------- top navigation ---------- */
.topnav{position:sticky;top:0;z-index:30;background:var(--nav-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);height:60px;display:flex;align-items:center;gap:22px;padding:0 20px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:800;font-size:19px;letter-spacing:.2px;color:var(--text)}
.logo img{height:28px;width:auto}.logo b{color:var(--gold)}
.links{display:flex;gap:4px;flex:1}
.links a{padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:600;color:var(--link);font-size:13.5px}
.links a:hover{color:var(--strong);background:var(--s2)}.links a.on{color:var(--gold)}
.navright{display:flex;align-items:center;gap:10px}
.chip{background:var(--s2);border:1px solid var(--line);border-radius:8px;padding:7px 11px;font-weight:600;font-size:12.5px}
.bottombar{display:none}
@media(max-width:760px){
  .topnav{padding:0 14px;gap:10px}.links{display:none}.navright{margin-inline-start:auto}
  .bottombar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:30;background:var(--bottom-bg);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .bottombar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;font-size:10.5px;font-weight:600;color:var(--muted);padding:4px 0}
  .bottombar a.on{color:var(--gold)}.bottombar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  body.has-bottom{padding-bottom:70px}
}
main{max-width:1180px;margin:0 auto;padding:22px 20px 40px;display:flex;flex-direction:column;gap:20px}
@media(max-width:760px){main{padding:14px 12px 30px;gap:14px}}

/* ---------- cards / forms ---------- */
.card{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.card h2{margin:0 0 4px;font-size:18px}.card h3{margin:0 0 6px;font-size:15.5px}
.card .sub{margin:0 0 14px;color:var(--muted);font-size:12.5px}
.dob.dob{grid-template-columns:1fr 1.5fr 1fr;gap:8px}.grid{display:grid;gap:14px}.g2{grid-template-columns:1fr}.g3{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,1fr)}
@media(min-width:700px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
label{display:block;font-size:12px;font-weight:600;color:var(--lab);margin:0 0 6px}
input,select,textarea{width:100%;padding:11px 12px;background:var(--s2);border:1px solid var(--line);border-radius:9px;color:var(--strong);font:inherit;font-size:13.5px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}
select option{background:var(--s2);color:var(--strong)}
textarea{resize:vertical;min-height:70px}
.field{margin-bottom:14px}
button,.btn{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:11px 18px;font-weight:700;font-size:13.5px;color:#15120a;background:var(--grad);transition:filter .15s}
button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed;filter:none}
button.block{width:100%}button.lg{padding:14px 22px;font-size:15px}
button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
button.ghost:hover{background:var(--s2)}
button.danger{background:rgba(246,70,93,.14);color:var(--down);border:1px solid rgba(246,70,93,.4)}
button.good{background:rgba(14,203,129,.14);color:var(--up);border:1px solid rgba(14,203,129,.4)}
button.sm{padding:6px 11px;font-size:12px;border-radius:7px}
.banner{padding:12px 14px;border-radius:10px;font-size:12.5px;line-height:1.65;border:1px solid}
.banner.warn{background:rgba(240,179,74,.08);border-color:rgba(240,179,74,.3);color:var(--bw)}
.banner.info{background:rgba(90,169,240,.08);border-color:rgba(90,169,240,.3);color:var(--bi)}
.banner.bad{background:rgba(246,70,93,.08);border-color:rgba(246,70,93,.35);color:var(--bb)}
.banner.ok{background:rgba(14,203,129,.08);border-color:rgba(14,203,129,.35);color:var(--bo)}
.tw{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;min-width:520px}
th,td{padding:12px 10px;text-align:start;border-bottom:1px solid var(--line2);font-size:13px;color:var(--td);vertical-align:middle}
th{font-weight:600;color:var(--muted);font-size:12px;white-space:nowrap;background:transparent}
tbody tr:hover{background:var(--hov)}
.badge{display:inline-block;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;background:rgba(212,175,55,.12);color:var(--gold);border:1px solid rgba(212,175,55,.3)}
.badge.ok{color:var(--up);background:rgba(14,203,129,.1);border-color:rgba(14,203,129,.3)}
.badge.warn{color:var(--warn);background:rgba(240,179,74,.1);border-color:rgba(240,179,74,.3)}
.badge.bad{color:var(--down);background:rgba(246,70,93,.1);border-color:rgba(246,70,93,.3)}
.badge.info{color:var(--info);background:rgba(90,169,240,.1);border-color:rgba(90,169,240,.3)}
.badge.soon{background:var(--s3);color:var(--lab);border-color:var(--line)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--line2);padding-bottom:10px}
.tab{padding:8px 14px;border-radius:8px;border:0;background:transparent;color:var(--muted);font-weight:700;font-size:13px;cursor:pointer}
.tab:hover{color:var(--strong);background:var(--s2);filter:none}
.tab.on{color:var(--gold);background:rgba(212,175,55,.1)}
.tab.off{opacity:.55;cursor:default}.tab.off:hover{background:transparent;color:var(--muted)}
.tab .n{display:inline-block;min-width:18px;padding:0 5px;margin-inline-start:6px;border-radius:9px;background:var(--down);color:#fff;font-size:11px;text-align:center}
.tab .badge{margin-inline-start:6px;font-size:10px;padding:1px 6px}

/* ---------- coins / markets ---------- */
.coin{display:inline-flex;align-items:center;gap:10px;font-weight:700}
.coin i{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:14px;color:#fff}
.coin small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}
.c-BTC{background:#f7931a}.c-ETH{background:#627eea}.c-USDT{background:#26a17b}.c-TRX{background:#e50915}.c-BNB{background:#e0a912;color:#1a1400!important}
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:plaintext;text-align:start}
.pill{display:inline-block;min-width:74px;text-align:center;padding:5px 9px;border-radius:7px;font-weight:700;font-size:12.5px;direction:ltr}
.pill.up{background:rgba(14,203,129,.14)}.pill.down{background:rgba(246,70,93,.14)}.pill.flat{background:var(--s3);color:var(--muted)}

/* ---------- hero ---------- */
.hero{display:grid;gap:18px;grid-template-columns:1fr;background:radial-gradient(900px 300px at 85% -10%,rgba(212,175,55,.16),transparent 60%),var(--s1);border:1px solid var(--line);border-radius:16px;padding:30px}
@media(min-width:900px){.hero{grid-template-columns:1.3fr 1fr;align-items:center;padding:38px}}
.hero h1{margin:0 0 10px;font-size:clamp(26px,4vw,40px);line-height:1.15;letter-spacing:-.5px}
.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero p{margin:0 0 20px;color:var(--soft);font-size:15px;max-width:520px}
.hero .pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.hero .pillrow span{border:1px solid var(--line);background:var(--s2);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--link)}
.total{background:var(--s2);border:1px solid var(--line);border-radius:14px;padding:20px}
.total .l{font-size:12px;color:var(--muted);font-weight:600}
.total .v{font-size:32px;font-weight:800;margin:4px 0 14px;direction:ltr;text-align:start}
.soon-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:700px){.soon-grid{grid-template-columns:1fr 1fr}}
.soon-card{position:relative;overflow:hidden;border:1px dashed var(--line);border-radius:var(--r);padding:20px;background:var(--s1)}
.soon-card .badge{position:absolute;top:14px;inset-inline-end:14px}
.soon-card h3{margin:0 0 4px}.soon-card ul{margin:10px 0 0;padding-inline-start:18px;color:var(--soft);font-size:12.5px}

/* ---------- convert ---------- */
.cv{max-width:520px;margin:0 auto}
.cvbox{background:var(--s2);border:1px solid var(--line);border-radius:12px;padding:14px}
.cvbox .top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:8px}
.cvbox .line{display:flex;gap:10px;align-items:center}
.cvbox input{background:transparent;border:0;padding:6px 0;font-size:24px;font-weight:700;min-width:0}
.cvbox input:focus{border:0}
.cvbox select{width:auto;min-width:96px;font-weight:700;background:var(--s3)}
.swap{display:flex;justify-content:center;margin:-10px 0;position:relative;z-index:2}
.swap button{width:38px;height:38px;border-radius:50%;padding:0;background:var(--s3);color:var(--gold);border:3px solid var(--s1);font-size:18px}
.rateline{display:flex;justify-content:space-between;gap:10px;margin:14px 2px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.quote{border:1px solid rgba(212,175,55,.45);background:rgba(212,175,55,.06);border-radius:12px;padding:14px;margin-top:6px}
.quote .big{font-size:20px;font-weight:800;direction:ltr;text-align:start}
.bar-timer{height:5px;border-radius:5px;background:var(--s3);overflow:hidden;margin:10px 0}
.bar-timer div{height:100%;background:var(--grad);transition:width .25s linear}

/* ---------- deposit address ---------- */
.addr{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.addr canvas{background:#fff;border-radius:10px;padding:6px;width:168px;height:168px;image-rendering:pixelated}
.addr .box{flex:1;min-width:230px}
.addrline{background:var(--s2);border:1px solid var(--line);border-radius:9px;padding:10px 12px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.chat{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding:4px;margin-bottom:10px}
.msg{padding:9px 12px;border-radius:12px;max-width:85%;font-size:13px;white-space:pre-wrap;word-break:break-word}
.msg.user{background:rgba(212,175,55,.14);align-self:flex-end;border:1px solid rgba(212,175,55,.3)}
.msg.staff{background:var(--s2);align-self:flex-start;border:1px solid var(--line)}
.msg .when{display:block;font-size:10.5px;color:var(--muted);margin-top:3px}

/* ---------- toast, dialog, misc ---------- */
.toast{position:fixed;inset-inline:15px;bottom:84px;margin:0 auto;max-width:430px;z-index:60;padding:12px 16px;border-radius:10px;font-weight:600;font-size:13px;box-shadow:var(--shadow);border:1px solid}
@media(min-width:761px){.toast{bottom:22px}}
.toast.ok{background:var(--tok-bg);color:var(--bo);border-color:var(--tok-line)}.toast.err{background:var(--ter-bg);color:var(--bb);border-color:var(--ter-line)}
dialog{background:var(--s1);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:20px;max-width:520px;width:calc(100% - 30px);box-shadow:0 20px 60px rgba(0,0,0,.6)}
dialog::backdrop{background:rgba(0,0,0,.65)}
dialog h3{margin:0 0 12px;color:var(--gold);font-size:16px}
dialog .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}
a.lnk{color:var(--info);text-decoration:none}a.lnk:hover{text-decoration:underline}
.split{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:900px){.split{grid-template-columns:320px 1fr}}
.trow{cursor:pointer}
.stat{background:var(--s2);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.stat .n{font-size:26px;font-weight:700;color:var(--gold)}.stat .l{font-size:12px;color:var(--muted)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px}.kv b{color:var(--muted);font-weight:600}
.secret{background:var(--secret);border:1px dashed var(--gold);border-radius:10px;padding:12px;margin-top:10px}

/* ---------- login ---------- */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr}
@media(min-width:900px){.auth{grid-template-columns:1.1fr 1fr}}
.auth .brandside{display:none;padding:56px;background:radial-gradient(700px 400px at 30% 20%,rgba(212,175,55,.2),transparent 60%),var(--brandbg);border-inline-end:1px solid var(--line);flex-direction:column;justify-content:center;gap:22px}
@media(min-width:900px){.auth .brandside{display:flex}}
.brandside h1{font-size:40px;line-height:1.12;margin:0;letter-spacing:-.6px}
.brandside h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.brandside ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:var(--lab)}
.brandside li::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-inline-end:10px}
.auth .formside{display:flex;align-items:center;justify-content:center;padding:26px 18px}
.login{width:100%;max-width:400px}
.login .logo{margin-bottom:22px}
.login h2{margin:0 0 4px;font-size:24px}
.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}
.card.login{padding:34px}
.card.login .logo{display:block;text-align:center}
.card.login h1{margin:6px 0 4px;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.wrap{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding:15px}.wrap.wide{max-width:1250px}
.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--s1);padding:14px 20px;border-radius:var(--r);border:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--gold)}.brand img{height:30px;width:auto}

/* ---- v1.4: sign-up wizard, verification page ---- */
.steps{display:flex;gap:8px;margin:12px 0 18px}
.steps span{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line2);border-radius:10px;color:var(--muted);font-size:12px}
.steps span i{font-style:normal;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:var(--line2);color:var(--text);font-size:12px;font-weight:700;flex:none}
.steps span.on{border-color:var(--gold);color:var(--text)}
.steps span.on i,.steps span.done i{background:var(--gold);color:#111}
.steps span.done{color:var(--text)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer;margin-top:6px}
.check input{width:auto;margin-top:3px}
.tiercards{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:760px){.tiercards{grid-template-columns:repeat(3,1fr)}}
.tiercard{border:1px solid var(--line2);border-radius:14px;padding:16px;background:var(--card2,transparent)}
.tiercard.cur{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.tiercard h3{margin:0 0 6px;font-size:16px}
.tiercard ul{margin:8px 0 0;padding-inline-start:18px;font-size:13px;color:var(--muted);line-height:1.7}
.meter{height:8px;border-radius:99px;background:var(--line2);overflow:hidden;margin:6px 0 2px}
.meter i{display:block;height:100%;background:var(--grad,var(--gold))}
.fileprev{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.fileprev span{font-size:12px;padding:4px 8px;border:1px solid var(--line2);border-radius:8px}
.thumb{max-width:100%;max-height:340px;border-radius:10px;border:1px solid var(--line2);display:block;margin:8px 0}

/* ---------- mobile fit + market mini charts ---------- */
html,body{max-width:100%;overflow-x:hidden}
table.mk{min-width:0}
td.spk,th.spk{width:104px}
td.spk svg{display:block;width:96px;height:32px}
@media(max-width:760px){
  .topnav{height:auto;flex-wrap:wrap;row-gap:8px;padding:8px 12px}
  .navright{width:100%;margin:0;flex-wrap:wrap;gap:6px;justify-content:flex-start}
  .navright .chip{padding:6px 9px;font-size:12px}
  .logo{font-size:17px}
  table.mk th,table.mk td{padding:10px 5px;font-size:12.5px}
  table.mk th:last-child,table.mk td:last-child{display:none}
  td.spk,th.spk{width:64px;padding-inline:2px}td.spk svg{width:56px;height:30px}
  table.mk td:nth-child(3) .pill{padding:4px 7px;font-size:11.5px}
  .coin small{display:none}
}

.coin i.logo{background:transparent!important;padding:0;overflow:hidden}
.coin i.logo img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}

.chartbox{background:var(--s2);border:1px solid var(--line);border-radius:10px;padding:6px;min-height:200px}
.chartbox svg{display:block;width:100%;height:auto}
.chartbox .msg{padding:60px 10px;text-align:center;color:var(--muted);font-size:13px}
.tab.sm{padding:5px 10px;font-size:12px}
#spPairs .tab{border:1px solid var(--line)}#spPairs .tab.on{border-color:var(--gold)}

/* rewards */
.gift{display:inline-block;filter:drop-shadow(0 0 6px rgba(212,175,55,.85));animation:giftglow 2.2s ease-in-out infinite}
.gift.big{font-size:30px}.gift.huge{font-size:54px;margin-bottom:6px}
@keyframes giftglow{0%,100%{filter:drop-shadow(0 0 4px rgba(212,175,55,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 16px rgba(255,214,102,1));transform:scale(1.08)}}
.rwbanner{display:flex;align-items:center;gap:14px;margin-top:20px;padding:14px 16px;border-radius:14px;text-decoration:none;color:var(--text);border:1px solid rgba(212,175,55,.55);background:linear-gradient(110deg,rgba(212,175,55,.16),rgba(212,175,55,.04) 45%,rgba(212,175,55,.16));background-size:200% 100%;animation:shimmer 5s linear infinite,bannerglow 2.6s ease-in-out infinite}
.rwbanner b{display:block;font-size:16px}.rwbanner small{display:block;color:var(--soft);font-size:12.5px;margin-top:2px}
@keyframes shimmer{0%{background-position:0 0}100%{background-position:200% 0}}
@keyframes bannerglow{0%,100%{box-shadow:0 0 0 rgba(212,175,55,0)}50%{box-shadow:0 0 22px rgba(212,175,55,.35)}}
.rwlink .gift{font-size:15px}
.rwhero{text-align:center;justify-items:center}.rwhero p{margin-inline:auto}.rwsub{color:var(--soft)}
.prizes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
@media(min-width:700px){.prizes{grid-template-columns:repeat(4,1fr)}}
.prize{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 8px;border-radius:14px;background:var(--s2);border:1px solid rgba(212,175,55,.35);box-shadow:0 0 18px rgba(212,175,55,.12)}
.prize img{width:46px;height:46px;border-radius:50%}.prize b{font-size:17px;direction:ltr}.prize span{font-size:12px;color:var(--muted)}
.rwrules{margin:8px 0 0;padding-inline-start:20px;color:var(--link);font-size:13.5px;line-height:1.8}
@media (prefers-reduced-motion:reduce){.gift,.rwbanner{animation:none}}

/* Android download button: glass + neon glow */
.apkbtn{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;text-decoration:none;color:#eafff3;border:1px solid rgba(61,220,132,.55);background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 22px rgba(61,220,132,.35);animation:apkglow 2.4s ease-in-out infinite}
.apkbtn b{display:block;font-size:16px}.apkbtn small{display:block;color:#b9d9c7;font-size:12px;margin-top:2px}
.apkic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:rgba(61,220,132,.16);color:#3ddc84;box-shadow:0 0 14px rgba(61,220,132,.5)}
@keyframes apkglow{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 14px rgba(61,220,132,.25)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 0 30px rgba(61,220,132,.55)}}
.apkbtn:hover{filter:brightness(1.1)}
@media (prefers-reduced-motion:reduce){.apkbtn{animation:none}}

/* ---- many coins: badge for coins without a logo file, filter bar, scrollable market table */
.coin i.tk{font-size:10.5px;letter-spacing:-.4px}
.mkbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:2px 0 12px}
.mkbar .chips{gap:4px;flex-wrap:wrap}.mkbar .tab.sm{border:1px solid var(--line)}.mkbar .tab.sm.on{border-color:var(--gold)}
.mksearch{max-width:220px;padding:8px 12px;font-size:13px}
.tw.tall{max-height:640px;overflow-y:auto}
.tw.tall thead th{position:sticky;top:0;background:var(--s1,#161a1e);z-index:1}
#spList tr{cursor:pointer}#spList tr.sel{background:rgba(212,175,55,.09)}#spList tr:hover{background:var(--s2)}.tw.short{max-height:300px}
#spPairs select{width:auto;min-width:130px;font-weight:700}
#spPairs .tab{border:1px solid var(--line)}

/* disabled / suspended account: only the notice and support tickets are shown */
.rs{border:2px solid var(--down);text-align:center;padding:28px 22px;margin:16px auto;max-width:760px}
.rs-ico{font-size:44px;line-height:1;margin-bottom:8px}
.rs h2{margin:0 0 12px;font-size:22px}
.rs p{margin:8px 0;line-height:1.7;color:var(--text2,inherit)}
body.restricted #navLinks,body.restricted #bottomBar,body.restricted #tierChip,body.restricted main>*:not(#rsCard):not(#v-support){display:none!important}
table.mk.ord th:last-child,table.mk.ord td:last-child{display:table-cell}

.bell{position:relative;text-decoration:none;padding:8px 11px}
.dot{position:absolute;top:3px;inset-inline-end:3px;width:9px;height:9px;border-radius:50%;background:var(--down,#f6465d)}
.ann{border:1px solid var(--line2,#2b3139);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.ann b{display:block;margin-bottom:4px}.ann p{margin:4px 0;line-height:1.65}.ann .when{font-size:12px;opacity:.65}
body.restricted #bell{display:none!important}

/* coin detail sheet */
.sheet{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:80;display:flex;align-items:flex-end;justify-content:center}
.sheet.hide{display:none}
.sheet-box{background:var(--s1);border:1px solid var(--line);border-radius:18px 18px 0 0;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;padding:18px 18px 28px}
@media(min-width:700px){.sheet{align-items:center}.sheet-box{border-radius:18px}}
.cs-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cs-x{background:transparent;border:0;color:var(--muted);font-size:22px;cursor:pointer;padding:4px 10px}
.cs-price{font-size:30px;font-weight:800;direction:ltr;text-align:start}
.cs-sec{margin-top:16px}.cs-sec h4{margin:0 0 8px;font-size:13px;color:var(--muted);font-weight:700}
.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cs-grid button{width:100%}
.cs-bal{display:flex;justify-content:space-between;gap:10px}.cs-bal div{flex:1;background:var(--s2,rgba(255,255,255,.04));border-radius:10px;padding:10px}
.cs-bal small{display:block;color:var(--muted);font-size:11.5px;margin-bottom:3px}
tr.rowlink{cursor:pointer}

/* ---------- light theme (day mode): only the colour variables change ---------- */
html[data-theme="light"]{color-scheme:light;--bg:#f3f5f8;--s1:#ffffff;--s2:#eef1f5;--s3:#e3e8ee;--line:#d6dce5;--line2:#e5e9ef;--text:#161b22;--muted:#5d6877;--gold:#b0820a;--gold2:#8f6a08;--up:#079a60;--down:#d3304a;--warn:#a96a00;--info:#2478c4;
--grad:linear-gradient(135deg,#e8c34f 0%,#cf9f2c 100%);--shadow:0 10px 30px rgba(20,30,50,.12);
--strong:#0b0e11;--lab:#47515f;--td:#2a3340;--link:#3a4554;--soft:#4c5766;--bw:#7a4e00;--bi:#17588f;--bb:#a81c35;--bo:#096f48;
--nav-bg:rgba(255,255,255,.92);--bottom-bg:rgba(255,255,255,.97);--hov:rgba(0,0,0,.035);--secret:#fff8e4;--brandbg:#ecf0f6;--tok-bg:#e3f6ee;--tok-line:#8fd4b6;--ter-bg:#fde8ec;--ter-line:#eba3b0}
html[data-theme="light"] .links a:hover{background:var(--s3)}
html[data-theme="light"] .apkbtn{color:#0b5a37}html[data-theme="light"] .apkbtn small{color:#2f6b4c}
html[data-theme="light"] .hero h1,html[data-theme="light"] .rwbanner{color:var(--text)}
html[data-theme="light"] dialog{box-shadow:0 20px 60px rgba(20,30,50,.25)}
html[data-theme="light"] dialog::backdrop,html[data-theme="light"] .sheet{background:rgba(20,30,50,.45)}
.themebtn{background:var(--s2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:15px;line-height:1;cursor:pointer;font-weight:400}
.themebtn:hover{filter:none;background:var(--s3)}
.themefloat{position:fixed;top:12px;inset-inline-end:12px;z-index:60}

/* ---------- deposit coin picker (search + quick chips + list with logos) ---------- */
.qchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.chip{background:var(--s2);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:600;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center}
.chip .coin i{width:22px;height:22px;font-size:11px}.chip .coin small{display:none}
.chip:hover{filter:none;background:var(--s3)}
.chip.on{border-color:var(--gold);color:var(--gold)}
.coinlist{margin-top:4px}
.coinrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 6px;border-bottom:1px solid var(--line2);cursor:pointer;border-radius:8px}
.coinrow:hover,.coinrow:focus-visible{background:var(--hov);outline:none}
.dephead{margin-top:14px;font-size:17px}
.dephead .coin i{width:38px;height:38px;font-size:15px}
html[dir="rtl"] .coinrow>span.muted{transform:scaleX(-1)}

/* ---------- Listing page (Finexora Spark) ---------- */
.lsHero{background:radial-gradient(120% 140% at 0% 0%,rgba(240,185,11,.16),transparent 60%),var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:28px 22px;text-align:center}
.lsHero h1{margin:8px 0 6px;font-size:clamp(24px,5vw,34px);line-height:1.2}
.lsHero p{max-width:620px;margin:0 auto 16px;color:var(--soft);font-size:14.5px}
.lsKicker{display:inline-block;background:var(--s2);border:1px solid var(--line);color:var(--gold);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800;letter-spacing:.4px}
.lsBen{text-align:center}.lsIco{font-size:26px;margin-bottom:6px}
.lsSteps{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px}
@media(min-width:700px){.lsSteps{grid-template-columns:repeat(4,1fr)}}
.lsStep{display:flex;gap:12px;align-items:flex-start}
.lsStep i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--grad);color:#1a1300;font-style:normal;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:13px}
.lsIcon{width:56px;height:56px;border-radius:50%;background:var(--s2);border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.lsIcon img{width:100%;height:100%;object-fit:cover}
.lsPIcon{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--s2)}
.lsPIcon.ph{display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;color:var(--gold)}
.lsLinks{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12.5px}
.lsLinks a{color:var(--link);text-decoration:underline}
@media(max-width:700px){.bottombar a{font-size:9.5px;padding:4px 0}.bottombar svg{width:20px;height:20px}}
.lsMine{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line2)}.lsMineSt{text-align:end;max-width:100%}

/* ---------- Spot page (v4): pair header, order form beside the order book, big chart below ---------- */
.spx-top{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}
.spx-top #spPairs{flex:1;min-width:0;gap:8px}
.spx-top select{font-size:17px;font-weight:800;min-width:0}
.spx-pr{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:2px 0 12px}
.spx-pr>*{min-width:0}
.spx-stats{display:grid;gap:3px;min-width:120px;font-size:11.5px}
.spx-stats>div{display:flex;justify-content:space-between;gap:14px}
.spx-stats small{color:var(--muted)}
.spx-stats b{font-variant-numeric:tabular-nums;font-weight:600}
.spx3{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.spx3>*{min-width:0}
.spx3-fb{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:10px;align-items:start}
.spx3-fb>*{min-width:0}
.spx3 .cv{max-width:none}
.spx3 .tabs{margin-bottom:8px;padding-bottom:6px;gap:4px}
#spSide{border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px;flex-wrap:nowrap}
#spSide .tab{flex:1;text-align:center;padding:7px 4px;border-radius:8px}
#tr-spot[data-side=buy] #spSide .tab.on{background:var(--up);color:#06150f}
#tr-spot[data-side=sell] #spSide .tab.on{background:var(--down);color:#fff}
#spMode .tab{padding:5px 10px;font-size:12px}
#tr-spot[data-side=sell] #spBtn{background:var(--down);color:#fff}
.spx3 .cvbox{padding:9px 10px;border-radius:10px}
.spx3 .cvbox .top{flex-wrap:wrap;gap:4px;margin-bottom:4px;font-size:11px}
.spx3 .cvbox input{font-size:18px;padding:3px 0}
.spx3 .rateline{font-size:11px;flex-wrap:wrap}
.spx3 .quote{padding:10px}.spx3 .quote .big{font-size:15px}
.spx3-book{padding:8px 6px}
.spx3-chart .chartbox{padding:0;position:relative;overflow:hidden}
.spx3-chart .chartbox svg{touch-action:pan-y}
@media(min-width:960px){
  .spx3{grid-template-columns:minmax(0,1fr) 420px;grid-template-areas:"chart fb" "trades fb" "orders orders";align-items:start}
  .spx3-chart{grid-area:chart}.spx3-fb{grid-area:fb}.spx3-trades{grid-area:trades}.spx3-orders{grid-area:orders}
}
.bk{background:var(--s2);border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}
.bkh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:8px}
.depth .r,.mtr .r{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;font-size:12px;font-variant-numeric:tabular-nums;padding:2px 4px;position:relative}
.depth .r{grid-template-columns:1.1fr 1fr;font-size:11.5px}
.depth .r>*:not(i),.mtr .r>*{position:relative;z-index:1}
.depth .r i{position:absolute;top:0;bottom:0;right:0;opacity:.16;z-index:0;pointer-events:none}
.depth .r.a i{background:var(--down)}.depth .r.b i{background:var(--up)}
.depth .r span:nth-child(n+2),.mtr .r span:nth-child(n+2){text-align:right}
.depth .a span:first-child,.mtr .s span:first-child{color:var(--down)}
.depth .b span:first-child,.mtr .u span:first-child{color:var(--up)}
.depth .mid{padding:5px 4px;font-weight:700;font-size:15px;border-block:1px solid var(--line);margin:3px 0;font-variant-numeric:tabular-nums}
.depth .hd,.mtr .hd{color:var(--muted);font-size:10.5px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;padding:0 4px 3px}
.depth .hd{grid-template-columns:1.1fr 1fr}
.depth .hd span:nth-child(n+2),.mtr .hd span:nth-child(n+2){text-align:right}
.bk .none{padding:24px 6px;text-align:center;color:var(--muted);font-size:12px}
.spx3-book .bkh{flex-direction:column;gap:0;margin-bottom:4px}.spx3-book .bkh b{font-size:12.5px}
.spx-top #spPairs{flex:1}
.pairbtn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--text);font-size:21px;padding:4px 2px;cursor:pointer}
.pairbtn b{font-weight:800;letter-spacing:.2px}.pairbtn span{color:var(--muted);font-size:14px}
.sheet{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center}
.sheet.hide{display:none!important}
.sheet-bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.sheet-panel{position:relative;width:100%;max-width:560px;max-height:86vh;display:flex;flex-direction:column;background:var(--s1,#161a1e);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:6px 14px calc(12px + env(safe-area-inset-bottom,0px))}
.sheet-grab{width:44px;height:4px;border-radius:3px;background:var(--line);margin:4px auto 10px}
.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.sheet-head b{font-size:16px}
.sheet-head #spQTabs .tab{border:1px solid var(--line);padding:5px 12px}.sheet-head #spQTabs .tab.on{border-color:var(--gold)}
.sheet-list{overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:200px;flex:1}
@media(min-width:760px){.sheet{align-items:center}.sheet-panel{border-radius:16px}}

.sheet-list table.mk th:last-child,.sheet-list table.mk td:last-child{display:table-cell;text-align:right}
.sheet-list table.mk td:nth-child(2){text-align:right}
/* Futures page: brand logo as a faint background watermark */
#tr-fut{position:relative;isolation:isolate}
#tr-fut::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(/logo-icon.png) center 180px/260px no-repeat;opacity:.06}

/* Futures: chart + trade form side by side on wide screens, stacked on phones */
.fx-chart svg{width:100%;height:auto;display:block;background:#0b0e11;border-radius:10px;touch-action:pan-y}
.fx-chart .msg{padding:60px 12px;text-align:center;color:#8a93a0;background:#0b0e11;border-radius:10px}
.fx-grid{display:grid;gap:12px}
@media (min-width:980px){.fx-grid{grid-template-columns:1.35fr 1fr;align-items:start}}

/* gift cards on the Rewards page */
.gf-tiers{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.gf-tier{border:1px solid var(--line);background:var(--s2);border-radius:12px;padding:8px 12px;font-size:13.5px;color:var(--text)}
.gf-tier.on{border-color:var(--gold);color:var(--gold);font-weight:700}
.gf-card{border:1px solid var(--line);background:var(--s2);border-radius:14px;padding:14px;margin-top:10px}
.gf-code{font-family:ui-monospace,Menlo,monospace;font-size:15px;color:var(--strong);word-break:break-all;direction:ltr;user-select:all}
.gf-img{display:block;max-width:100%;border-radius:10px;margin-top:10px}

.nt-tabs{display:flex;gap:8px;margin-bottom:14px}
.nt-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid var(--line,#2a3342);color:inherit;border-radius:12px;padding:11px;font-weight:600;cursor:pointer}
.nt-tabs button.on{background:var(--accent,#2dd4a0);color:#06241b;border-color:transparent}
.tabn{background:#ef4444;color:#fff;border-radius:99px;font-size:11px;min-width:18px;padding:1px 6px;text-align:center}
.vcard{direction:ltr;margin:12px 0;padding:18px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#0f766e,#1e3a8a 60%,#4c1d95);box-shadow:0 8px 24px rgba(0,0,0,.35);max-width:360px}
.vc-top{display:flex;justify-content:space-between;align-items:center;font-weight:700}.vc-val{background:rgba(255,255,255,.18);border-radius:99px;padding:2px 10px;font-size:13px}
.vc-chip{width:38px;height:28px;border-radius:6px;background:linear-gradient(135deg,#fde68a,#d4a017);margin:16px 0 10px}
.vc-num{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:2px}
.vc-row{display:flex;gap:28px;align-items:flex-end;margin-top:14px}.vc-row small{display:block;font-size:9px;opacity:.7;letter-spacing:1px}.vc-row b{font-family:ui-monospace,monospace;font-size:15px}
.vc-eye{background:none;border:0;color:#fff;cursor:pointer;font-size:16px;padding:0 6px}
.gf-pay{margin-top:14px;padding:12px 14px;border:1px dashed var(--line,#2a3342);border-radius:14px;opacity:.75}.gf-pay.on{opacity:1;border-style:solid}
.vcard{aspect-ratio:1.586;display:flex;flex-direction:column;justify-content:space-between}.vcard.has-img{background-size:cover;background-position:center;justify-content:flex-end}.vcard.has-img .vc-top,.vcard.has-img .vc-chip{display:none}.vcard.has-img .vc-num,.vcard.has-img .vc-row{text-shadow:0 1px 4px rgba(0,0,0,.7)}
.vc-num{font-size:clamp(14px,5vw,20px)!important;white-space:nowrap;letter-spacing:1px!important}
.att-btn{padding:0 12px;font-size:18px;min-height:44px}
.att-prev{position:relative;display:inline-block;margin:0 0 8px}.att-prev img{max-height:96px;max-width:100%;border-radius:10px;border:1px solid var(--line)}
.att-x{position:absolute;top:-8px;inset-inline-end:-8px;width:24px;height:24px;border-radius:50%;padding:0;min-height:0;background:#ef4444;color:#fff;border:0;font-size:12px}
.chat-img{display:block;max-width:220px;max-height:200px;border-radius:10px;margin:2px 0 6px;cursor:zoom-in;background:var(--s2)}
.lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;padding:14px;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;border-radius:10px}
.help-search{width:100%;margin:6px 0 14px}.help-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.help-toc a{padding:6px 12px;border-radius:99px;border:1px solid var(--line);font-size:13px;color:inherit;text-decoration:none}
.help-sec{margin-bottom:14px;scroll-margin-top:80px}.help-sec h3{margin:0 0 8px;font-size:16px}.help-sec p{font-size:13.5px;line-height:1.75;margin:8px 0}
.help-sec ol{margin:8px 0;padding-inline-start:22px;font-size:13.5px;line-height:1.75}.help-sec li{margin-bottom:5px}
.help-tip{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:9px 12px;font-size:13px;margin:8px 0}
.help-img{max-width:100%;width:460px;border-radius:12px;border:1px solid var(--line);display:block;margin:10px 0}
.help-cond{background:rgba(45,212,160,.1);border:1px solid rgba(45,212,160,.3);border-radius:10px;padding:9px 12px;font-size:13px;margin:8px 0;font-weight:600}
.hl{background:rgba(212,175,55,.35);border-radius:3px}
.gf-sample{display:block;width:100%;max-width:340px;aspect-ratio:1.586;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.gfpromo{margin-bottom:16px}
.gf-tiles{display:grid;grid-template-columns:1fr;gap:16px}.gf-tile{padding:12px;border:1px solid var(--line);border-radius:16px}.gf-tile .btn{width:100%;margin-top:10px}.gf-price{color:var(--gold,#d4af37)}.gf-ph{display:flex;align-items:center;justify-content:center;background:var(--s2);font-weight:700}
.gf-dlg{max-width:420px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:16px;background:var(--card,#111827);color:inherit;padding:18px}.gf-dlg::backdrop{background:rgba(0,0,0,.6)}.gf-dlg .field{margin:8px 0}
@media(min-width:700px){.gf-tiles{grid-template-columns:1fr 1fr}}
.sec-row{padding:14px 16px}.sec-row .row b{display:block;margin-bottom:2px}