/* CLS Noir — lapisan desain baru di atas website yang sama (fungsi & JS tidak disentuh).
   Prinsip: hitam pekat + bintang berjalan, tipografi serif untuk judul, emas dipakai hemat, garis tipis, tanpa kaca/glow berlebihan. */
:root{--bg:#07070b;--panel:#0c0d13;--panel2:#10111a;--line:rgba(255,255,255,.07);--line2:rgba(255,255,255,.12);--text:#eceef4;--muted:#8d94a6;
  --accent:#d8c7ff;--gold:#e9c070;--gold2:#b8862f;--green:#3fd79a;--red:#ff6b82;--dt-gold:#e9c070;--dt-gold2:#b8862f;--dt-line:rgba(255,255,255,.07);
  --dt-glass:#0c0d13;--serif:"Plus Jakarta Sans",Inter,system-ui,sans-serif}
/* permintaan pemilik: seluruh teks & angka sans bold italic (seperti 𝙈𝙖𝙩𝙝 𝙎𝙖𝙣𝙨 𝘽𝙤𝙡𝙙 𝙄𝙩𝙖𝙡𝙞𝙘) */
body,button,input,select,textarea{font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif!important;font-style:italic}
b,strong,h1,h2,h3,h4,.btn,.dt-kpis>div b,.rd-kpis>div b,.metric-value,.stat b,.metric-box h4,.signal-card-pair,.cls-table td strong,.ai-hello{font-weight:800!important;font-style:italic}
code,pre,.dt-addr,.dt-phead h3,.dt-search input{font-style:normal}
html{background:var(--bg)}
body{background:#07070b!important;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:13.5px}
body:before{opacity:.12!important}
#cls-starfield{opacity:.5}
.cls-cursor-glow{display:none!important}
::selection{background:rgba(233,192,112,.25)}
/* ---- kerangka ---- */
.app{grid-template-columns:232px 1fr}
.sidebar{background:transparent!important;backdrop-filter:none!important;border-right:1px solid var(--line)!important;padding:26px 14px}
.brand strong{font-family:var(--serif);font-size:15px;letter-spacing:.14em;font-weight:600}
.brand small{letter-spacing:.2em;font-size:8.5px}
.navlabel{color:#5e6578;letter-spacing:.22em;font-size:9.5px}
.nav{gap:2px}
.nav button{border:0!important;border-radius:9px;padding:10px 12px;color:#9aa1b3;position:relative;transition:color .2s,background .2s}
.nav button span{color:#6f7589;transition:color .2s}
.nav button:hover{background:rgba(255,255,255,.035)!important;color:#fff}
.nav button.active{background:rgba(233,192,112,.07)!important;color:#fff}
.nav button.active span{color:var(--gold)}
.nav button.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--gold)}
.sidefoot{border-color:var(--line)!important;background:transparent;color:#6f7589;font-size:10.5px;line-height:1.6}
.main{padding:30px clamp(18px,3.4vw,44px) 60px}
/* ---- topbar ---- */
.topbar{margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.eyebrow,.dt-eyebrow{color:var(--gold)!important;font-size:10px!important;letter-spacing:.24em!important;font-weight:600}
.h1,.rd-page .dt-hero h2,.page-intro h2,.dt-sechead h3,.panelhead h2{font-family:var(--serif)!important;font-weight:800!important;font-style:italic;letter-spacing:-.03em!important}
.h1{font-size:clamp(28px,3.4vw,40px);line-height:1;margin:8px 0 4px;color:#fff}
.rd-page .dt-hero h2{font-size:clamp(30px,3.8vw,46px)!important;background:none!important;-webkit-text-fill-color:#fff;color:#fff!important}
.dt-sechead h3{font-size:22px!important;color:#fff}
.panelhead h2{font-size:18px!important}
.sub,.rd-page .dt-hero p{color:var(--muted)!important;font-size:12.5px!important}
.pill{background:transparent!important;border:1px solid var(--line2)!important;color:#b9bfcc;border-radius:999px;letter-spacing:.06em;font-size:10.5px}
/* ---- tombol ---- */
.btn,.ga-btn{border-radius:999px!important;border:1px solid transparent!important;background:linear-gradient(180deg,#f3d08a,var(--gold2))!important;color:#1a1305!important;font-weight:700!important;letter-spacing:.02em;box-shadow:none!important;transition:filter .2s,transform .2s}
.btn:hover,.ga-btn:hover{filter:brightness(1.07)}
.btn:active{transform:scale(.97)}
.btn.secondary{background:transparent!important;border-color:var(--line2)!important;color:#e6e8ef!important}
.btn.secondary:hover{border-color:rgba(233,192,112,.5)!important;background:rgba(233,192,112,.05)!important}
.toggle-group button,.tabs button{background:transparent!important;border:1px solid var(--line)!important;color:#9aa1b3!important;border-radius:999px!important;font-weight:600;letter-spacing:.06em}
.toggle-group button.active,.tabs button.active{background:rgba(233,192,112,.1)!important;border-color:rgba(233,192,112,.5)!important;color:var(--gold)!important}
/* ---- panel & kartu ---- */
.panel,.dt-panel,.signal-card,.ai-stats>div,.stat,.metric-box,.w3-sbox,.at-card,.ga-sheet,.modal,.dt-kpis>div,.rd-kpis>div,.sm-top a,.ai-det,.at-balance{
  background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:14px!important;backdrop-filter:none!important}
.metric-box{background:var(--panel2)!important;border-radius:10px!important}
.signal-card{transition:border-color .25s,transform .35s cubic-bezier(.23,1,.32,1)}
.signal-card:hover{border-color:rgba(233,192,112,.35)!important;transform:translateY(-2px)}
.dt-kpis>div b,.rd-kpis>div b,.metric-value,.stat b{font-family:var(--serif);font-size:24px!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.dt-kpis>div small,.rd-kpis>div small,.metric-label{letter-spacing:.14em;text-transform:uppercase;font-size:9.5px!important;color:#6f7589!important}
.dt-chip,.tag,.btc-tag,.ai-st,.at-badge,.status-pill{background:transparent!important;border:1px solid var(--line2)!important;border-radius:999px!important;font-size:10px!important;letter-spacing:.1em;font-weight:600!important}
.dt-chip{color:#b9bfcc!important}
.dt-chip.ex{color:var(--gold)!important;border-color:rgba(233,192,112,.4)!important}
.badge-dir.badge-long,.ai-st-win,.btc-searah{color:var(--green)!important;border-color:rgba(63,215,154,.4)!important}
.badge-dir.badge-short,.ai-st-loss,.btc-melawan{color:var(--red)!important;border-color:rgba(255,107,130,.4)!important}
.badge-new{background:var(--gold)!important;color:#1a1305!important;border-radius:999px;font-size:9px;padding:2px 7px}
.signal-card-pair{font-family:var(--serif);font-size:19px;font-weight:600}
.dt-dot.on{background:var(--gold);box-shadow:0 0 0 3px rgba(233,192,112,.15)}
/* ---- tabel ---- */
.cls-table th{color:#6f7589!important;font-size:9.5px!important;letter-spacing:.16em;font-weight:600;border-bottom:1px solid var(--line2)!important;background:transparent!important}
.cls-table td{border-bottom:1px solid var(--line)!important;font-size:12.5px;background:transparent!important}
.cls-table tbody tr:hover td{background:rgba(255,255,255,.025)!important}
.rd-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}
/* ---- input ---- */
.search,input.search,select.search,textarea.search,.ai-composer,.sm-search,.ga-field input,.ga-field textarea,.at-field input,.at-field select{
  background:#090a0f!important;border:1px solid var(--line2)!important;border-radius:10px!important;color:#eef0f6!important;box-shadow:none!important}
.search:focus,.ai-composer:focus-within,.ga-field input:focus,.at-field input:focus{border-color:rgba(233,192,112,.6)!important;box-shadow:0 0 0 3px rgba(233,192,112,.1)!important}
/* ---- AI Labs ---- */
.ai-hello{font-family:var(--serif)!important;font-size:clamp(34px,4.6vw,56px)!important;letter-spacing:-.03em!important;background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important;animation:none!important}
.ai-hello span{background:none!important;-webkit-text-fill-color:var(--gold)!important;color:var(--gold)!important}
.ai-suggest button{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important}
.ai-suggest button:hover{border-color:rgba(233,192,112,.4)!important}
.ai-send:not(:disabled){background:linear-gradient(180deg,#f3d08a,var(--gold2))!important;color:#1a1305!important}
.ai-msg.bot .ai-spark,.ai-brand .ai-spark{color:var(--gold)!important}
.ai-newchat{border-radius:999px!important;border:1px solid var(--line2)!important;background:transparent!important}
/* ---- Get Access ---- */
.ga-plan{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:16px!important}
.ga-plan.pop{border-color:rgba(233,192,112,.45)!important}
.ga-price{font-family:var(--serif);font-size:32px!important}
.ga-badge{background:var(--gold)!important;color:#1a1305!important;border-radius:999px}
.ga-steps span.on{color:var(--gold)!important;border-color:rgba(233,192,112,.5)!important}
/* ---- Web3 wallet / AutoTrade ---- */
.at-card-title,.at-sec,.w3-slabel{color:var(--gold)!important;letter-spacing:.14em;font-size:10px!important;text-transform:uppercase}
.at-switch .ui,.w3-bigswitch .w3-knob{background:#2a2f3f}
.at-switch input:checked+.ui{background:var(--gold)!important}
.w3-seg2 button.on,.at-seg label input:checked+span{background:rgba(233,192,112,.1)!important;border-color:rgba(233,192,112,.5)!important;color:var(--gold)!important}
/* ---- lain ---- */
.disclaimer{color:#5e6578}
.notice{background:rgba(233,192,112,.06)!important;border-color:rgba(233,192,112,.3)!important;color:#efe4c7!important}
.locked:after{background:rgba(7,7,11,.86)!important;color:#efe4c7;font-family:var(--serif);font-size:16px;letter-spacing:.3em}
@media (max-width:950px){.app{grid-template-columns:76px 1fr}}

/* ---- sisa elemen ungu -> emas / netral ---- */
#accessBtn{background:linear-gradient(180deg,#f3d08a,var(--gold2))!important;border:1px solid transparent!important;color:#1a1305!important;border-radius:999px!important;box-shadow:none!important;overflow:visible!important}
#accessBtn:before,#accessBtn:after{display:none!important;animation:none!important}
.dt-hero h2,#captainView .dt-hero h2,.ga-sheet h2{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important;font-family:var(--serif)!important;font-weight:800!important;font-style:italic}
.mark{border-color:rgba(233,192,112,.5)!important;background:linear-gradient(145deg,#1a1710,#0a0a0f)!important;color:#efe4c7!important}
.cls-logo,.home-brand:hover .cls-logo{filter:drop-shadow(0 0 10px rgba(233,192,112,.18))!important}
#navHamburger{border-color:var(--line2)!important;background:transparent!important}
.coin-dot,.w3-tile-ic,.w3-wm-logo{background:linear-gradient(145deg,#2a2416,#0f0f14)!important;border:1px solid rgba(233,192,112,.35)!important;color:var(--gold)!important}
.dt-badge,.at-acct{background:transparent!important;border:1px solid rgba(233,192,112,.4)!important;color:var(--gold)!important}
.dt-bar i,#overviewContent .ov-seg-ind,.w3-wr-dots i.at{background:var(--gold)!important}
.dt-edge:before,.dt-hof:before{background:linear-gradient(90deg,transparent,rgba(233,192,112,.5),transparent)!important}
.w3-btn.pri,.w3-wbtn{background:linear-gradient(180deg,#f3d08a,var(--gold2))!important;color:#1a1305!important;border-color:transparent!important;box-shadow:none!important}
.w3-seg button[aria-selected=true],.w3-tabs button[aria-selected=true],.w3-sheet-nav button[aria-current=true]{background:rgba(233,192,112,.1)!important;border-color:rgba(233,192,112,.5)!important;color:var(--gold)!important}
.w3-banner{background:rgba(233,192,112,.06)!important;border-color:rgba(233,192,112,.3)!important;color:#efe4c7!important}
.w3-adv summary span:before{background:var(--gold)!important}
.w3-tabs button:focus-visible,.w3 button:focus-visible,.w3 input:focus-visible,.w3 select:focus-visible,.w3-tile:focus-visible,.w3-watch-row:focus-visible,.w3-bigswitch input:focus-visible+.w3-knob{outline-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(233,192,112,.2)!important}
.w3-sheet input:focus,.w3-sheet select:focus,.w3-sheet textarea:focus,.w3-intel input:focus,.w3-intel select:focus,.dt-search input:focus,.ga-field input:focus,.ga-field textarea:focus{border-color:rgba(233,192,112,.6)!important;box-shadow:0 0 0 3px rgba(233,192,112,.1)!important}
.dt-mini:hover,.dt-rel button:hover,.asset:hover,.asset:focus-visible{border-color:rgba(233,192,112,.4)!important;background:rgba(233,192,112,.05)!important}
.signal{background:var(--panel)!important;border-color:var(--line)!important}
.badge-new:before{background:var(--gold)!important}
.at-launch.at-demo:before,.at-launch.at-demo .at-dot{background:var(--gold)!important}
.at-launch{border-radius:999px!important;background:var(--panel)!important;border:1px solid var(--line)!important}
.ai-icon.live{color:var(--gold)!important}