@import url('https://fonts.googleapis.com/css2?family=Arial-Black:wght@400;600;700;800&family=DM+Mono:wght@400;500&family=Outfit:wght@300;400;500;600;700&display=swap');

/* ── TOKENS ── */
:root {
  --bg:       #F5F7FC;
  --surface:  #FFFFFF;
  --surface2: #F0F3FA;
  --border:   #E2E8F4;
  --border2:  #C9D4E8;
  --c:        #1A6FF2;
  --c2:       #0055C8;
  --c-t:      rgba(26,111,242,.1);
  --g:        #00A86B;
  --g-t:      rgba(0,168,107,.1);
  --r:        #E53535;
  --r-t:      rgba(229,53,53,.1);
  --gold:     #C08F00;
  --gold-t:   rgba(192,143,0,.1);
  --text:     #0F1923;
  --text2:    #4A5568;
  --text3:    #9DAFC8;
  --sh:       0 2px 12px rgba(15,25,60,.07);
  --sh2:      0 6px 28px rgba(15,25,60,.11);
  --sh3:      0 12px 48px rgba(15,25,60,.15);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-font-smoothing:antialiased;}
body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;}
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px;}

/* ── APP SHELL ── */
.app{max-width:430px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;box-shadow:0 0 80px rgba(0,0,0,.06);}

/* ── TOPBAR ── */
.topbar{
  position:sticky;top:0;z-index:90;
  height:58px;display:flex;align-items:center;gap:10px;padding:0 18px;
  background:rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border);
}
.logo{font-family:'Arial-Black',sans-serif;font-weight:600;font-size:1.28rem;color:var(--c);letter-spacing:-.02em;}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;}
.icon-btn{
  width:38px;height:38px;border-radius:12px;
  background:var(--surface2);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;text-decoration:none;transition:all .2s;flex-shrink:0;
}
.icon-btn:hover{background:var(--c-t);border-color:var(--c);}
.icon-btn img{width:18px;height:18px;}
.icon-btn:hover img{filter:invert(30%) sepia(80%) saturate(600%) hue-rotate(200deg) brightness(.95);}
.notif{position:relative;}
.notif-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--r);border:1.5px solid #fff;}

/* ── TICKER ── */
.ticker{background:linear-gradient(90deg,#EDF3FF,#F4F8FF,#EDF3FF);border-bottom:1px solid var(--border);overflow:hidden;padding:7px 0;}
.ticker-track{display:inline-flex;animation:scrollx 36s linear infinite;white-space:nowrap;}
.ticker-item{display:inline-flex;align-items:center;gap:5px;padding:0 26px;font-family:'DM Mono',monospace;font-size:.7rem;color:var(--text2);}
.ticker-item b{color:var(--text);}
.ticker-item .sep{color:var(--border2);}
@keyframes scrollx{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ── SLIDER ── */
.slider{margin:14px;border-radius:20px;overflow:hidden;height:158px;position:relative;box-shadow:var(--sh2);}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;}
.slide.active{opacity:1;}
.slide img{width:100%;height:100%;object-fit:cover;display:block;}
.slide-over{
  position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.12) 60%,transparent 100%);
  display:flex;flex-direction:column;justify-content:center;padding:0 22px;gap:5px;
}
.slide-tag{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.85);background:rgba(255,255,255,.18);border-radius:20px;padding:3px 10px;align-self:flex-start;backdrop-filter:blur(6px);}
.slide-title{font-family:'Arial-Black',sans-serif;font-size:1.15rem;font-weight:600;color:#fff;line-height:1.25;text-shadow:0 1px 8px rgba(0,0,0,.3);}
.slide-sub{font-size:.73rem;color:rgba(255,255,255,.78);}
.slider-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px;}
.dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:all .35s;}
.dot.active{width:20px;border-radius:3px;background:#fff;}

/* ── BALANCE CARD ── */
.balance-card{
  margin:0 14px 14px;border-radius:20px;padding:20px 20px 18px;
  background:linear-gradient(135deg,#0e0f10 0%,#0f1923 100%);
  box-shadow:0 8px 30px rgba(26,111,242,.28);
  position:relative;overflow:hidden;
}
.balance-card::before{content:'';position:absolute;top:-50px;right:-40px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.07);}
.balance-card::after{content:'';position:absolute;bottom:-35px;left:10px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.05);}
.bal-label{font-size:.69rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.68);}
.bal-amount{font-family:'Arial-Black',sans-serif;font-size:2.15rem;font-weight:600;color:#fff;margin:5px 0 2px;letter-spacing:-.02em;}
.bal-sub{font-size:.73rem;color:rgba(255,255,255,.58);font-family:'DM Mono',monospace;}
.bal-actions{display:flex;gap:8px;margin-top:18px;position:relative;z-index:1;}
.bal-btn{
  flex:1;padding:10px 6px;border-radius:13px;
  display:flex;flex-direction:column;align-items:center;gap:5px;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);
  color:#fff;cursor:pointer;text-decoration:none;
  font-size:.72rem;font-weight:300;font-family:'Outfit',sans-serif;
  transition:all .2s;backdrop-filter:blur(4px);
}
.bal-btn:hover{background:rgba(255,255,255,.26);}
.bal-btn img{width:20px;height:20px;}

/* ── SECTION HEAD ── */
.sec-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 8px;}
.sec-title{font-family:'Arial-Black',sans-serif;font-size:.84rem;font-weight:500;color:var(--text);}
.sec-link{font-size:.72rem;color:var(--c);text-decoration:none;font-weight:300;}

/* ── LIVE PILL ── */
.live{display:inline-flex;align-items:center;gap:5px;font-size:.64rem;font-family:'DM Mono',monospace;color:var(--g);background:var(--g-t);padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--g);animation:pulse 1.4s ease infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.65);}}

/* ── PRICE CHIPS ── */
.price-row{display:flex;gap:10px;padding:0 18px;padding-top: 5px;overflow-x:auto;scrollbar-width:none;}
.price-row::-webkit-scrollbar{display:none;}
.price-chip{flex:0 0 auto;min-width:118px;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:12px 14px;cursor:pointer;transition:all .25s;box-shadow:var(--sh);}
.price-chip:hover{border-color:var(--c);box-shadow:0 4px 18px rgba(26,111,242,.18);transform:translateY(-2px);}
.pc-pair{font-size:.66rem;color:var(--text3);font-family:'DM Mono',monospace;margin-bottom:5px;}
.pc-price{font-family:'DM Mono',monospace;font-size:.91rem;font-weight:500;color:var(--text);}
.pc-chg{font-size:.69rem;font-family:'DM Mono',monospace;font-weight:0;margin-top:3px;}
.pos{color:var(--g);} .neg{color:var(--r);}

/* ── MARKET TABLE ── */
.market-wrap{margin:4px 14px 14px;background:var(--surface);border:1.5px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--sh);}
.market-table{width:100%;border-collapse:collapse;}
.market-table th{font-size:.61rem;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);background:var(--surface2);}
.market-table td{padding:12px 14px;border-bottom:1px solid var(--border);}
.market-table tr:last-child td{border:none;}
.market-table tbody tr:hover td{background:var(--surface2);}
.coin-cell{display:flex;align-items:center;gap:10px;}
.coin-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:500;flex-shrink:0;}
.coin-name{font-size:.82rem;font-weight:500;font-family:'Arial-Black',sans-serif;color:var(--text);}
.coin-sub{font-size:.61rem;color:var(--text3);margin-top:1px;}
.price-cell{font-family:'DM Mono',monospace;font-size:.79rem;color:var(--text);}
.chg-pill{display:inline-block;padding:4px 10px;border-radius:8px;font-size:.69rem;font-family:'DM Mono',monospace;font-weight:400;}
.chg-pill.pos{background:var(--g-t);color:var(--g);}
.chg-pill.neg{background:var(--r-t);color:var(--r);}

/* ── REFERRAL BOX ── */
.ref-box{margin:1px 14px 14px;padding-top: 5px;background:linear-gradient(135deg,#EEF2FF,#F0F8FF);border:1.5px solid #D0DBFF;border-radius:18px;padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--sh);}
.ref-box img.ref-ico{width:32px;height:32px;}
.ref-txt{flex:1;}
.ref-ttl{font-family:'Arial-Black',sans-serif;font-weight:500;font-size:.9rem;color:var(--text);}
.ref-sub{font-size:.73rem;color:var(--text2);margin-top:2px;}

/* ══════════════════════════════════════
   BOTTOM NAV — floating frosted pill
══════════════════════════════════════ */
.bottom-nav{
  position:fixed;bottom:18px;left:50%;transform:translateX(-50%);
  width:calc(100% - 36px);max-width:390px;height:64px;z-index:200;
  background:rgba(15, 25, 35, 0.9);
  backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  border:1.5px solid rgba(255,255,255,.95);
  border-radius:32px;
  box-shadow:0 8px 40px rgba(26,111,242,.13),0 2px 12px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.9);
  display:flex;align-items:center;justify-content:space-around;padding:0 6px;
}
.page-pb{padding-bottom:98px;}

.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text3);text-decoration:none;padding:4px 8px;border-radius:20px;transition:all .22s;cursor:pointer;min-width:52px;}
.nav-ico{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .22s;}
.nav-ico img{width:21px;height:21px;transition:filter .22s;}
.nav-lbl{font-size:.56rem;font-weight:0;letter-spacing:.03em;transition:color .22s;}
.nav-item.active{color:var(--c);}
.nav-item.active .nav-ico{background:var(--c-t);box-shadow:0 2px 14px rgba(26,111,242,.2);}


/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:14px;border:none;font-family:'Outfit',sans-serif;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .22s;text-decoration:none;}
.btn img{width:18px;height:18px;}
.btn-full{width:100%;}
.btn-primary{background:var(--c);color:#fff;box-shadow:0 4px 18px rgba(26,111,242,.3);}
.btn-primary:hover{background:var(--c2);box-shadow:0 6px 26px rgba(26,111,242,.45);transform:translateY(-1px);}
.btn-up{background:var(--g);color:#fff;font-weight:500;box-shadow:0 4px 16px rgba(0,168,107,.28);}
.btn-up:hover{background:#008f5a;transform:translateY(-1px);}
.btn-up img,.btn-down img{filter:brightness(0) invert(1);}
.btn-down{background:var(--r);color:#fff;font-weight:500;box-shadow:0 4px 16px rgba(229,53,53,.28);}
.btn-down:hover{background:#c82020;transform:translateY(-1px);}
.btn-ghost{background:transparent;border:1.5px solid var(--border);color:var(--text2);}
.btn-ghost:hover{border-color:var(--c);color:var(--c);}
.btn-sm{padding:8px 15px;font-size:.77rem;border-radius:10px;}

/* ── FORMS ── */
.form-field{margin-bottom:18px;}
.field-label{display:block;font-size:.71rem;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px;}
.field-input{width:100%;padding:13px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-size:.88rem;font-family:'Outfit',sans-serif;transition:all .2s;-webkit-appearance:none;box-shadow:var(--sh);}
.field-input:focus{outline:none;border-color:var(--c);box-shadow:0 0 0 3px rgba(26,111,242,.1);}
.field-input::placeholder{color:var(--text3);}
.field-hint{font-size:.7rem;color:var(--text3);margin-top:5px;}
.inp-wrap{position:relative;}
.inp-wrap .field-input{padding-left:44px;}
.inp-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;filter:invert(60%) sepia(5%) saturate(400%) brightness(.9);}
.inp-wrap input[type=password]{padding-right:44px;}

/* ── CARD ── */
.card{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:18px;margin:0 14px 14px;box-shadow:var(--sh);}
.card-ttl{font-size:.67rem;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;}

/* ── MODAL/SHEET ── */
.overlay{position:fixed;inset:0;background:rgba(10,18,40,.36);backdrop-filter:blur(4px);z-index:300;display:none;align-items:flex-end;justify-content:center;}
.overlay.open{display:flex;}
.sheet{background:var(--surface);border-top:1.5px solid var(--border);border-radius:26px 26px 0 0;padding:22px 18px 32px;width:100%;max-width:430px;max-height:90vh;overflow-y:auto;animation:shu .32s cubic-bezier(.22,.68,0,1.15);box-shadow:0 -8px 40px rgba(10,18,40,.1);}
.sheet-handle{width:40px;height:4px;background:var(--border2);border-radius:2px;margin:0 auto 18px;}
.sheet-title{font-family:'Arial-Black',sans-serif;font-size:1rem;font-weight:600;text-align:center;margin-bottom:20px;color:var(--text);}
@keyframes shu{from{transform:translateY(100%);}to{transform:translateY(0);}}

/* ── TOAST ── */
#toast-box{position:fixed;top:68px;right:14px;z-index:999;display:flex;flex-direction:column;gap:8px;max-width:290px;}
.toast{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:12px 14px;animation:tin .3s ease;box-shadow:var(--sh2);}
.toast.s{border-left:3px solid var(--g);} .toast.e{border-left:3px solid var(--r);} .toast.i{border-left:3px solid var(--c);}
.t-title{font-size:.82rem;font-weight:500;color:var(--text);}
.t-msg{font-size:.71rem;color:var(--text2);margin-top:2px;}
@keyframes tin{from{transform:translateX(110%);opacity:0;}to{transform:translateX(0);opacity:1;}}

/* ── RESULT OVERLAY ── */
#result-overlay{position:fixed;inset:0;z-index:500;background:rgba(10,18,40,.5);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;}
#result-overlay.show{display:flex;}
.result-box{background:var(--surface);border-radius:28px;padding:36px 26px;text-align:center;width:88%;max-width:340px;box-shadow:var(--sh3);position:relative;overflow:hidden;}
.result-box.win{border:2px solid var(--g);} .result-box.loss{border:2px solid var(--r);}
.res-ico{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.res-ico img{width:34px;height:34px;}
.result-box.win .res-ico{background:var(--g-t);}
.result-box.loss .res-ico{background:var(--r-t);}
.res-ico img.g{filter:invert(39%) sepia(90%) saturate(600%) hue-rotate(120deg) brightness(.9);}
.res-ico img.r{filter:invert(27%) sepia(90%) saturate(1000%) hue-rotate(330deg) brightness(.9);}
.res-head{font-family:'Arial-Black',sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:6px;}
.result-box.win .res-head{color:var(--g);} .result-box.loss .res-head{color:var(--r);}
.res-amt{font-family:'DM Mono',monospace;font-size:1.6rem;font-weight:500;margin:12px 0;}
.result-box.win .res-amt{color:var(--g);} .result-box.loss .res-amt{color:var(--r);}
.res-msg{font-size:.82rem;color:var(--text2);margin-bottom:24px;}
.confetti-wrap{position:absolute;inset:0;pointer-events:none;overflow:hidden;}

/* ── BACK BTN ── */
.back-btn{width:38px;height:38px;border-radius:12px;background:var(--surface);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;flex-shrink:0;transition:all .2s;box-shadow:var(--sh);}
.back-btn:hover{border-color:var(--c);background:var(--c-t);}
.back-btn img{width:16px;height:16px;filter:invert(30%);}
.page-ttl{font-family:'Arial-Black',sans-serif;font-size:1.05rem;font-weight:600;color:var(--text);}

/* ── EXPIRY TABS ── */
.expiry-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;} .expiry-tabs::-webkit-scrollbar{display:none;}
.exp-tab{flex:0 0 auto;min-width:82px;background:var(--surface2);border:1.5px solid var(--border);border-radius:14px;padding:10px 12px;cursor:pointer;transition:all .22s;text-align:center;box-shadow:var(--sh);}
.exp-tab.on{border-color:var(--gold);background:var(--gold-t);box-shadow:0 3px 14px rgba(192,143,0,.16);}
.exp-t{font-family:'Arial-Black',sans-serif;font-size:.9rem;font-weight:600;color:var(--c);}
.exp-tab.on .exp-t{color:var(--gold);}
.exp-p{font-size:.65rem;color:var(--g);font-weight:500;margin-top:3px;}

/* ── AMOUNT CHIPS ── */
.amt-chips{display:flex;flex-wrap:wrap;gap:8px;}
.amt-chip{background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;padding:9px 15px;cursor:pointer;font-family:'DM Mono',monospace;font-size:.81rem;color:var(--text2);transition:all .2s;box-shadow:var(--sh);}
.amt-chip.on{border-color:var(--c);color:var(--c);background:var(--c-t);box-shadow:0 2px 10px rgba(26,111,242,.14);}

/* ── COPY BOX ── */
.copy-box{background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;}
.copy-val{font-family:'DM Mono',monospace;font-size:.74rem;color:var(--c);flex:1;word-break:break-all;}
.copy-btn{background:var(--c);color:#fff;border:none;border-radius:8px;padding:6px 13px;cursor:pointer;font-size:.71rem;font-weight:500;flex-shrink:0;transition:all .2s;display:flex;align-items:center;gap:5px;}
.copy-btn img{width:12px;height:12px;filter:brightness(0) invert(1);}
.copy-btn:hover{background:var(--c2);}

/* ── UPLOAD ── */
.upload-zone{border-radius:16px;padding:26px;text-align:center;cursor:pointer;transition:all .3s;}
.upload-zone:hover,.upload-zone.drag{border-color:var(--c-t);background: transparent;}
.upload-zone input{display:none;}
.up-ico{width:40px;height:40px;margin:0 auto 10px;}
.up-ico img{width:40px;height:40px;filter:invert(60%) sepia(5%) saturate(400%) brightness(.88);}
.upload-zone:hover .up-ico img{filter:invert(25%) sepia(90%) saturate(1500%) hue-rotate(205deg) brightness(1);}
.up-txt{font-size:.81rem;color:var(--text3);}
.upload-zone:hover .up-txt{color:var(--c);}

/* ── HISTORY ITEMS ── */
.hist-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);}
.hist-item:last-child{border:none;}
.hist-ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hist-ico img{width:20px;height:20px;}
.hist-main{flex:1;}
.hist-ttl{font-size:.83rem;font-weight:400;color:var(--text);}
.hist-date{font-size:.67rem;color:var(--text3);margin-top:2px;}
.hist-right{text-align:right;}
.hist-amt{font-family:'DM Mono',monospace;font-size:.87rem;font-weight:600;}
.status{display:inline-block;font-size:.61rem;padding:2px 9px;border-radius:6px;margin-top:3px;font-weight:700;text-transform:uppercase;}
.st-pending{background:var(--gold-t);color:var(--gold);} .st-done{background:var(--g-t);color:var(--g);} .st-fail{background:var(--r-t);color:var(--r);}

/* ── ALERTS ── */
.alert{padding:12px 14px;border-radius:12px;font-size:.79rem;margin-bottom:14px;}
.alert-warn{background:var(--gold-t);border:1px solid rgba(192,143,0,.25);color:#8a6000;}
.alert-info{background:var(--c-t);border:1px solid rgba(26,111,242,.22);color:#1244A8;}

/* ── AUTH ── */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);}
.auth-card{width:100%;max-width:400px;background:var(--surface);border:1.5px solid var(--border);border-radius:28px;padding:34px 26px;box-shadow:var(--sh3);}
.auth-logo{text-align:center;margin-bottom:26px;}
.auth-logo-txt{font-family:'Arial-Black',sans-serif;font-size:2rem;font-weight:800;color:var(--c);}
.auth-logo-sub{font-size:.77rem;color:var(--text3);margin-top:4px;}
.auth-tabs{display:flex;background:var(--surface2);border-radius:14px;padding:4px;gap:4px;margin-bottom:24px;border:1.5px solid var(--border);}
.auth-tab{flex:1;padding:10px;text-align:center;border-radius:11px;cursor:pointer;font-size:.84rem;font-weight:700;color:var(--text3);transition:all .22s;border:none;background:none;font-family:'Outfit',sans-serif;}
.auth-tab.on{background:var(--surface);color:var(--c);box-shadow:var(--sh);}
.field-pw{position:relative;}
.pw-tog{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;}
.pw-tog img{width:18px;height:18px;filter:invert(60%);}
.pw-tog:hover img{filter:invert(25%) sepia(90%) saturate(1500%) hue-rotate(205deg) brightness(1);}
.str-bar{display:flex;gap:4px;margin-top:6px;}
.s-seg{flex:1;height:3px;border-radius:2px;background:var(--border);transition:background .3s;}
.s-seg.weak{background:var(--r);} .s-seg.fair{background:var(--gold);} .s-seg.strong{background:var(--g);}
.auth-div{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text3);font-size:.74rem;}
.auth-div::before,.auth-div::after{content:'';flex:1;height:1px;background:var(--border);}
.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:12px;background:var(--surface2);border:1.5px solid var(--border);color:var(--text2);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:'Outfit',sans-serif;width:100%;}
.social-btn:hover{border-color:var(--c);background:var(--c-t);color:var(--c);}
.terms-line{font-size:.71rem;color:var(--text3);text-align:center;margin-top:14px;}
.terms-line a{color:var(--c);text-decoration:none;font-weight:600;}
.forgot-link{font-size:.73rem;color:var(--c);text-align:right;display:block;margin-top:-10px;margin-bottom:18px;cursor:pointer;font-weight:600;}
.ref-auto{background:var(--c-t);border:1px solid rgba(26,111,242,.22);border-radius:10px;padding:8px 12px;font-size:.71rem;color:var(--c);display:flex;gap:6px;align-items:center;margin-bottom:6px;font-weight:600;}

/* ── CHART / CONTRACT ── */
.chart-area{background:var(--surface);border-bottom:1px solid var(--border);}
.chart-area canvas{display:block;}
.price-header{padding:20px 18px 10px;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;gap:10px;}
.curr-price{font-family:'Arial-Black',sans-serif;font-size:1.9rem;font-weight:800;color:var(--text);letter-spacing:-.02em;transition:color .3s;}
.curr-price.up{color:var(--g);} .curr-price.down{color:var(--r);}
.price-meta{display:flex;flex-direction:column;gap:3px;padding-bottom:4px;}
.price-pair{font-size:.66rem;color:var(--text3);font-family:'DM Mono',monospace;}
.price-chg{font-family:'DM Mono',monospace;font-size:.79rem;font-weight:600;}
.tf-bar{display:flex;gap:2px;padding:10px 14px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;}
.tf-bar::-webkit-scrollbar{display:none;}
.tf-btn{padding:6px 12px;border-radius:8px;border:none;background:none;color:var(--text3);font-size:.73rem;font-family:'DM Mono',monospace;font-weight:0;cursor:pointer;white-space:nowrap;transition:all .2s;}
.tf-btn.on{background:var(--c-t);color:var(--c);}
.vol-bar{padding:8px 18px 10px;display:flex;gap:16px;font-size:.67rem;color:var(--text3);font-family:'DM Mono',monospace;}
.timer-badge{display:none;margin:0 14px 12px;background:var(--c-t);border:1.5px solid rgba(26,111,242,.2);border-radius:16px;padding:14px 16px;align-items:center;justify-content:space-between;}
.timer-badge.show{display:flex;}
.tb-num{font-family:'Arial-Black',sans-serif;font-size:2rem;font-weight:800;color:var(--c);min-width:54px;}
.tb-info{font-size:.74rem;color:var(--text2);}
.tb-ring svg{transform:rotate(-90deg);}
.tb-ring circle.bg{stroke:var(--border2);}
.tb-ring circle.fg{stroke:var(--c);stroke-dasharray:138;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear;}
.trade-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 14px;}
.summary{background:var(--surface2);border-radius:14px;padding:14px 16px;margin-bottom:16px;border:1px solid var(--border);}
.summary table{width:100%;}
.summary td{padding:7px 0;font-size:.81rem;}
.summary td:first-child{color:var(--text2);}
.summary td:last-child{text-align:right;font-family:'DM Mono',monospace;font-size:.79rem;font-weight:600;}
.dir-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:700;}
.dir-badge img{width:16px;height:16px;}
.dir-badge.up{background:var(--g-t);color:var(--g);}
.dir-badge.dn{background:var(--r-t);color:var(--r);}
.dir-badge.up img{filter:invert(39%) sepia(90%) saturate(600%) hue-rotate(120deg) brightness(.9);}
.dir-badge.dn img{filter:invert(27%) sepia(90%) saturate(1000%) hue-rotate(330deg) brightness(.9);}

/* ── DEPOSIT ── */
.cur-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.cur-opt{background:var(--surface2);border:1.5px solid var(--border);border-radius:14px;padding:12px 6px;text-align:center;cursor:pointer;transition:all .22s;box-shadow:var(--sh);}
.cur-opt.on{border-color:var(--c);background:var(--c-t);box-shadow:0 2px 12px rgba(26,111,242,.14);}
.cur-ico{font-size:1.3rem;margin-bottom:4px;}
.cur-lbl{font-size:.71rem;font-weight:700;color:var(--text2);}
.cur-opt.on .cur-lbl{color:var(--c);}
.step-row{display:flex;align-items:center;margin:0 14px 18px;}
.step-wrap{display:flex;flex-direction:column;align-items:center;gap:3px;}
.step-dot{width:28px;height:28px;border-radius:50%;background:var(--surface2);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text3);flex-shrink:0;transition:all .3s;}
.step-dot.active{border-color:var(--c);color:var(--c);background:var(--c-t);}
.step-dot.done{border-color:var(--g);background:var(--g);color:#fff;}
.step-line{flex:1;height:2px;background:var(--border);transition:all .3s;margin-bottom:14px;}
.step-line.done{background:var(--g);}
.step-lbl{font-size:.57rem;color:var(--text3);font-weight:600;}
.qr-box{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:10px;flex-shrink:0;box-shadow:var(--sh);}
.qr-box svg{width:80px;height:80px;display:block;}
.wc-name{font-family:'Arial-Black',sans-serif;font-weight:700;font-size:.94rem;color:var(--text);}
.wc-net{font-size:.68rem;color:var(--text3);font-family:'DM Mono',monospace;margin-top:3px;}
.min-chip{display:inline-flex;align-items:center;gap:4px;background:var(--gold-t);border:1px solid rgba(192,143,0,.25);border-radius:8px;padding:4px 10px;font-size:.67rem;color:var(--gold);font-family:'DM Mono',monospace;font-weight:600;margin-top:8px;}
.steps-list{list-style:none;counter-reset:st;}
.steps-list li{counter-increment:st;display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:.81rem;color:var(--text2);align-items:flex-start;}
.steps-list li:last-child{border:none;}
.steps-list li::before{content:counter(st);width:22px;height:22px;border-radius:50%;flex-shrink:0;background:var(--c-t);border:1.5px solid rgba(26,111,242,.22);color:var(--c);font-size:.69rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.up-progress{display:none;margin-top:12px;}
.up-progress.show{display:block;}
.up-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;}
.up-fill{height:100%;background:linear-gradient(90deg,var(--c),var(--g));border-radius:2px;width:0;transition:width .3s;}
.up-lbl{font-size:.69rem;color:var(--text3);margin-top:5px;}
.sticker{display:inline-block;background:var(--c-t);border:1px solid rgba(26,111,242,.2);border-radius:7px;padding:3px 8px;font-size:.67rem;font-family:'DM Mono',monospace;color:var(--c);font-weight:600;}