/* QuantPulse brand skin — Midnight + Mint layer for legacy server-rendered pages (body[data-skin]) */
body[data-skin]{background:var(--bg)!important;color:var(--ink)!important;font-family:var(--ui)!important;padding-left:0!important}
body[data-skin] .skin-top{height:92px}
@media(max-width:760px){body[data-skin] .skin-top{height:76px}}
body[data-skin] h1,body[data-skin] h2,body[data-skin] h3{font-family:var(--disp)!important;letter-spacing:-.02em}
/* retire legacy decoration */
body[data-skin] #qp-cv,body[data-skin] .qp-blob,body[data-skin] [class*="aurora"],body[data-skin] .qr,body[data-skin] .qr-top,body[data-skin] .qr-scrim,body[data-skin] #qp-sticky,body[data-skin] #pwa-banner{display:none!important}
/* gradient text -> solid mint */
body[data-skin] [style*="background-clip:text"],body[data-skin] [style*="-webkit-background-clip:text"]{background:none!important;-webkit-text-fill-color:var(--mint)!important;color:var(--mint)!important;animation:none!important}
/* legacy accent colours -> brand */
body[data-skin] [style*="color:#00bfff"],body[data-skin] [style*="color:#3b82f6"],body[data-skin] [style*="color:#5b9cff"],body[data-skin] [style*="color:#60a5fa"],body[data-skin] [style*="color:#16c784"],body[data-skin] [style*="color:#1FD68A"],body[data-skin] [style*="color:#22c55e"]{color:var(--mint)!important}
body[data-skin] [style*="color:#a855f7"],body[data-skin] [style*="color:#c08cff"],body[data-skin] [style*="color:#C08CFF"]{color:var(--violet2)!important}
body[data-skin] [style*="color:#ea3943"]{color:var(--rose)!important}
body[data-skin] [style*="color:#64748b"],body[data-skin] [style*="color:#475569"],body[data-skin] [style*="color:#334155"]{color:var(--ink3)!important}
body[data-skin] [style*="color:#94a3b8"],body[data-skin] [style*="color:#cbd5e1"]{color:var(--ink2)!important}
/* legacy gradient buttons -> solid mint CTA */
body[data-skin] a[style*="linear-gradient(135deg,#3b82f6"],body[data-skin] a[style*="linear-gradient(135deg,#16c784"],body[data-skin] a[style*="linear-gradient(90deg,#3b82f6"],body[data-skin] a[style*="linear-gradient(135deg,#00bfff"],
body[data-skin] button[style*="linear-gradient(135deg,#3b82f6"],body[data-skin] button[style*="linear-gradient(135deg,#16c784"],body[data-skin] button[style*="linear-gradient(90deg,#3b82f6"],
body[data-skin] .cta-banner-btn,body[data-skin] .nav-cta,body[data-skin] .pbtn,body[data-skin] .nl-sbtn{background:var(--mint)!important;color:#06121f!important;border:0!important;box-shadow:0 10px 30px rgba(46,230,166,.22)!important;font-family:var(--ui)!important;font-weight:700!important;border-radius:14px!important}
body[data-skin] .cta-banner-btn:hover,body[data-skin] .pbtn:hover,body[data-skin] a[style*="linear-gradient(135deg,#3b82f6"]:hover{background:#5bf0bc!important}
/* legacy surfaces */
body[data-skin] [style*="background:rgba(17,26,43"],body[data-skin] [style*="background:#111a2b"],body[data-skin] [style*="background:rgba(15,23,42"]{background:linear-gradient(180deg,var(--surf2),var(--surf))!important}
body[data-skin] [style*="border:1px solid #1e293b"],body[data-skin] [style*="border:1px solid rgba(30,41,59"]{border-color:var(--line2)!important}
body[data-skin] [style*="linear-gradient(135deg,rgba(59,130,246"]{background:radial-gradient(120% 90% at 100% 0%,rgba(46,230,166,.1),transparent 60%),linear-gradient(180deg,var(--surf2),var(--surf))!important;border-color:rgba(46,230,166,.3)!important}
body[data-skin] input:not([type=checkbox]):not([type=radio]),body[data-skin] select,body[data-skin] textarea{font-size:16px!important;font-family:var(--ui)!important}
body[data-skin] input:focus,body[data-skin] select:focus,body[data-skin] textarea:focus{border-color:var(--mint)!important;box-shadow:0 0 0 4px rgba(46,230,166,.14)!important;outline:none!important}

/* ---------- article reader ---------- */
body[data-skin=article] #read-bar{background:var(--mint)!important}
body[data-skin=article] .art-wrap{max-width:780px;padding:8px 20px 40px}
body[data-skin=article] .back-btn{color:var(--ink2);font-size:15.5px}
body[data-skin=article] .back-btn:hover{color:var(--mint)}
body[data-skin=article] .art-hero{border-radius:22px;max-height:420px;border:1px solid var(--line2)}
body[data-skin=article] .art-source{background:rgba(46,230,166,.1);border-color:rgba(46,230,166,.35);color:var(--mint);font-size:12.5px}
body[data-skin=article] .art-title{font-size:clamp(30px,4.4vw,46px);line-height:1.15;font-weight:800;letter-spacing:-.03em}
body[data-skin=article] .art-meta{font-size:15px;color:var(--ink3)}
body[data-skin=article] .art-body p,body[data-skin=article] .art-body li{font-size:19px;line-height:1.8;color:#d7dcea}
body[data-skin=article] .art-body h2,body[data-skin=article] .art-body h3{color:var(--ink);margin:30px 0 12px}
body[data-skin=article] .art-body a{color:var(--mint)}
body[data-skin=article] .takeaways{border-color:rgba(46,230,166,.3)!important;background:rgba(46,230,166,.05)!important;border-radius:18px!important}
body[data-skin=article] .takeaways *{font-size:17px}
body[data-skin=article] .spinner{border-top-color:var(--mint)}
body[data-skin=article] .cta-banner{max-width:780px;border-radius:20px;border-color:rgba(46,230,166,.3)!important;background:radial-gradient(120% 90% at 100% 0%,rgba(46,230,166,.1),transparent 60%),linear-gradient(180deg,var(--surf2),var(--surf))!important;padding:24px 26px}
body[data-skin=article] .cta-banner-text h3{font-size:20px}
body[data-skin=article] .cta-banner-text p{font-size:16px;color:var(--ink2)}
body[data-skin=article] .cta-banner-badge{color:var(--mint)!important;background:rgba(46,230,166,.1)!important;border-color:rgba(46,230,166,.3)!important;font-size:11.5px}
body[data-skin=article] .react-btn{font-size:15px;padding:9px 16px;border-color:var(--line2);background:rgba(255,255,255,.03);color:var(--ink2)}
body[data-skin=article] .react-btn:hover,body[data-skin=article] .react-btn.react-active{border-color:rgba(46,230,166,.5);background:rgba(46,230,166,.1);color:var(--ink)}
body[data-skin=article] .sent-fill{background:var(--mint)!important}
body[data-skin=article] .sent-gauge *{font-size:15px}
body[data-skin=article] .sh-btn{font-size:15px}
body[data-skin=article] .nl-art-box{border-color:rgba(46,230,166,.3)!important;border-radius:20px!important}
body[data-skin=article] .perk{font-size:15.5px}
body[data-skin=article] .bottom-cta{border-radius:24px!important}
body[data-skin=article] a[href^="/news/"][style*="display:block"] div[style*="font-size:12px"]{font-size:16px!important}
body[data-skin=article] a[href^="/news/"][style*="display:block"] div[style*="font-size:9px"],body[data-skin=article] div[style*="font-size:10px"]{font-size:12.5px!important}
@media(max-width:640px){body[data-skin=article] a[href^="/news/"][style*="display:block"]{margin-bottom:0}body[data-skin=article] div[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important}}
body[data-skin=article] .takeaways h4{color:var(--mint)!important;font-size:13px!important;letter-spacing:2px}
body[data-skin=article] .takeaways li:before{color:var(--mint)!important}
body[data-skin=article] .takeaways li{color:#d7dcea}
body[data-skin=article] .sh-btn{background:rgba(255,255,255,.04)!important;border:1px solid var(--line2)!important;color:var(--ink)!important;border-radius:12px!important}
body[data-skin=article] .sh-btn:hover{border-color:rgba(46,230,166,.5)!important}
body[data-skin=article] .bottom-cta,body[data-skin=article] .nl-art-box{background:radial-gradient(120% 90% at 100% 0%,rgba(46,230,166,.1),transparent 60%),linear-gradient(180deg,var(--surf2),var(--surf))!important;border:1px solid rgba(46,230,166,.3)!important;border-radius:24px!important}
body[data-skin=article] .bottom-cta h2{font-size:clamp(28px,3.6vw,40px)!important}
body[data-skin=article] .bottom-cta p,body[data-skin=article] .nl-art-box p{font-size:17px!important;color:var(--ink2)!important;line-height:1.6}
body[data-skin=article] .bottom-cta>a{background:var(--mint)!important;color:#06121f!important;border-radius:14px!important;font-weight:700!important;font-size:17px!important;box-shadow:0 10px 30px rgba(46,230,166,.22)!important}
body[data-skin=article] .perk:before{color:var(--mint)!important}
body[data-skin=article] .nl-art-box h3{font-size:24px!important}
body[data-skin=article] .nl-input{border-color:var(--line2)!important;background:rgba(255,255,255,.04)!important;border-radius:12px!important;padding:14px 16px!important}

/* ---------- shared: legacy gradient-text class, nav clash ---------- */
body[data-skin] .grad{background:none!important;-webkit-text-fill-color:var(--mint)!important;color:var(--mint)!important;animation:none!important}
body[data-skin] nav.nav{border-bottom:0}

/* ---------- MEXC ---------- */
body[data-skin=mexc] .hero{min-height:auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px 70px!important;position:relative}
body[data-skin=mexc] .hero:before{display:none!important}
body[data-skin=mexc] .eyebrow{display:inline-flex!important;background:rgba(46,230,166,.08)!important;border:1px solid rgba(46,230,166,.3)!important;color:var(--mint)!important;font-size:13px!important;padding:10px 20px!important;border-radius:999px!important}
body[data-skin=mexc] .eyebrow:before{display:none!important}
body[data-skin=mexc] .eyebrow .tick,body[data-skin=mexc] .flow .ok{color:var(--mint)!important}
body[data-skin=mexc] h1{font-size:clamp(40px,6.4vw,76px)!important;font-weight:800!important;letter-spacing:-.035em}
body[data-skin=mexc] .lede{font-size:clamp(18px,2vw,21px)!important;max-width:680px}
body[data-skin=mexc] .btn-p{background:var(--mint)!important;color:#06121f!important;box-shadow:0 10px 30px rgba(46,230,166,.25)!important;border-radius:14px!important;font-size:17px!important;font-weight:700!important}
body[data-skin=mexc] .btn-s{border-color:var(--line2)!important;border-radius:14px!important;font-size:17px!important}
body[data-skin=mexc] .btn-s:hover{border-color:rgba(46,230,166,.5)!important}
body[data-skin=mexc] .sh .k{color:var(--mint)!important;font-size:13px!important;letter-spacing:.24em}
body[data-skin=mexc] .sh h2,body[data-skin=mexc] .fcta h2{font-size:clamp(32px,4.6vw,54px)!important;font-weight:800!important}
body[data-skin=mexc] .card{background:linear-gradient(180deg,var(--surf2),var(--surf))!important;border:1px solid var(--line)!important;border-radius:22px!important;padding:30px 28px!important}
body[data-skin=mexc] .card h3{font-size:21px!important}
body[data-skin=mexc] .card p{font-size:16.5px!important;line-height:1.65}
body[data-skin=mexc] .card .ci{stroke:var(--mint)!important;color:var(--mint)}
body[data-skin=mexc] .flow{background:linear-gradient(180deg,var(--surf2),var(--surf))!important;border-color:rgba(46,230,166,.28)!important;border-radius:22px!important;font-size:16px!important;font-family:'JetBrains Mono',monospace!important}
body[data-skin=mexc] .flow .step{color:var(--mint)!important;font-size:13.5px!important}
body[data-skin=mexc] .fcta p{font-size:18px!important}
body[data-skin=mexc] .block{padding:80px 0}
body[data-skin=mexc] .hero:after{display:none!important}
body[data-skin=mexc] .flow .step{display:inline!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;counter-increment:none!important}
body[data-skin=mexc] .flow .step:before,body[data-skin=mexc] .flow .step:after{display:none!important;content:none!important}

/* ---------- Guides ---------- */
body[data-skin^=guide] .gd-wrap{max-width:800px;padding:36px 20px 40px}
body[data-skin^=guide] .gd-hero h1{font-size:clamp(38px,6vw,60px)!important;letter-spacing:-.03em;color:var(--ink)}
body[data-skin^=guide] .gd-hero p{font-size:19px!important;color:var(--ink2)}
body[data-skin^=guide] .gd-card{background:linear-gradient(180deg,var(--surf2),var(--surf))!important;border-color:var(--line)!important;border-radius:22px!important;padding:28px!important}
body[data-skin^=guide] .gd-card:hover{border-color:rgba(46,230,166,.45)!important}
body[data-skin^=guide] .gd-kick{color:var(--mint)!important;font-size:12.5px!important}
body[data-skin^=guide] .gd-card h2{font-size:24px!important}
body[data-skin^=guide] .gd-card p{font-size:17px!important;color:var(--ink2)!important}
body[data-skin^=guide] .gd-more,body[data-skin^=guide] .gd-crumb a,body[data-skin^=guide] .gd-body a{color:var(--mint)!important;font-size:16px}
body[data-skin^=guide] .gd-crumb,body[data-skin^=guide] .gd-meta{font-size:15px!important;color:var(--ink3)!important}
body[data-skin^=guide] .gd-body h2{font-size:clamp(26px,3vw,32px)!important;color:var(--ink)!important}
body[data-skin^=guide] .gd-body p,body[data-skin^=guide] .gd-body li{font-size:19px!important;line-height:1.8;color:#d7dcea!important}
body[data-skin^=guide] .gd-cta{background:radial-gradient(120% 90% at 100% 0%,rgba(46,230,166,.1),transparent 60%),linear-gradient(180deg,var(--surf2),var(--surf))!important;border-color:rgba(46,230,166,.3)!important;border-radius:22px!important}
body[data-skin^=guide] .gd-cta a{background:var(--mint)!important;color:#06121f!important;border-radius:14px!important}
body[data-skin^=guide] .gd-cta *{font-size:17px}

/* ---------- card pages: checkout, status, onboarding, account ---------- */
body[data-skin]{display:block!important;padding:0!important;min-height:0!important}
body[data-skin] .card:not(.reveal){max-width:600px;margin:0 auto 70px!important;background:radial-gradient(120% 70% at 100% 0%,rgba(46,230,166,.08),transparent 60%),linear-gradient(180deg,var(--surf2),var(--surf))!important;border:1px solid var(--line2)!important;border-radius:28px!important;padding:40px 34px!important;box-shadow:0 40px 90px rgba(0,0,0,.45)!important;position:relative}
@media(max-width:640px){body[data-skin] .card:not(.reveal){margin:0 14px 60px!important;padding:30px 20px!important;border-radius:24px!important}}
body[data-skin] .card .qp-brand{display:none!important}
body[data-skin] .card .sub{font-size:12.5px!important;letter-spacing:.24em!important;color:var(--mint)!important}
body[data-skin] .card h1{font-size:clamp(32px,5vw,42px)!important;font-weight:800!important;letter-spacing:-.03em}
body[data-skin] .card .lead{font-size:18px!important;color:var(--ink2)!important}
body[data-skin] .card .badge{background:rgba(46,230,166,.08)!important;border-color:rgba(46,230,166,.35)!important;color:var(--mint)!important;font-size:12px!important}
body[data-skin] .pbtn{font-size:17px!important;padding:17px!important;animation:none!important}
body[data-skin] .pbtn:after{display:none!important}
body[data-skin] .pay-option{border-color:var(--line2)!important;background:rgba(255,255,255,.03)!important;border-radius:18px!important}
body[data-skin] .pay-option:hover,body[data-skin] .pay-option.selected,body[data-skin] .pay-option.active{border-color:rgba(46,230,166,.55)!important;background:rgba(46,230,166,.06)!important}
body[data-skin] .pay-option *{font-size:max(1em,14.5px)}
body[data-skin] .disc{font-size:13px!important;color:var(--ink3)!important;line-height:1.6}
body[data-skin] .ex-period-btn{font-size:15px!important;font-family:var(--ui)!important}
body[data-skin] .ex-save{color:var(--mint)!important;border-color:rgba(46,230,166,.35)!important;background:rgba(46,230,166,.1)!important}
body[data-skin] .ex-pbig{background:none!important;-webkit-text-fill-color:var(--ink)!important;color:var(--ink)!important;font-family:var(--disp)!important}
body[data-skin] .ex-pbig span{color:var(--ink2)!important;-webkit-text-fill-color:var(--ink2)!important}
body[data-skin] .ex-feat li{font-size:16.5px!important;color:var(--ink2)!important}
body[data-skin] .ex-feat li:before{content:''!important;width:12px;height:7px;border-left:2.5px solid var(--mint);border-bottom:2.5px solid var(--mint);transform:rotate(-45deg);margin-top:-4px}
body[data-skin] .ex-pper{font-size:15px!important}
body[data-skin] button[style*="linear-gradient"],body[data-skin] a.pbtn[style*="linear-gradient"]{background:var(--mint)!important;color:#06121f!important;border:0!important}
body[data-skin] a.pbtn[style*="rgba(168,85,247"]{background:transparent!important;border:1px solid var(--line2)!important;color:var(--ink)!important;box-shadow:none!important}
body[data-skin] .card:not(.reveal){margin-top:18px!important}
body[data-skin] .qp-price-big{background:none!important;-webkit-text-fill-color:var(--ink)!important;color:var(--ink)!important;font-family:var(--disp)!important;font-weight:800!important}
body[data-skin] .qp-price-per,body[data-skin] .card li{font-size:16px!important}
body[data-skin] .qp-save-badge{color:var(--mint)!important;background:rgba(46,230,166,.1)!important;border-color:rgba(46,230,166,.35)!important}
body[data-skin] .card .note{font-size:13.5px!important;color:var(--ink3)!important}

/* forms (onboarding, cancel, inner circle) + payment + privacy */
body[data-skin] label{font-size:13.5px!important;color:var(--ink2)!important;letter-spacing:.06em}
body[data-skin] .submit-btn,body[data-skin] .kyc-start-btn,body[data-skin] button.btn{background:var(--mint)!important;color:#06121f!important;border:0!important;border-radius:14px!important;font-size:17px!important;font-weight:700!important;box-shadow:0 10px 28px rgba(46,230,166,.22)!important;animation:none!important}
body[data-skin] .file-box,body[data-skin] .kyc-box{border-color:rgba(46,230,166,.35)!important;background:rgba(46,230,166,.04)!important;border-radius:16px!important}
body[data-skin] .file-txt,body[data-skin] .kyc-txt{font-size:15px!important}
body[data-skin] .file-sub,body[data-skin] .kyc-sub,body[data-skin] .lock,body[data-skin] .foot{font-size:13px!important}
body[data-skin] .blob{display:none!important}
body[data-skin] span.badge,body[data-skin] .badge0{background:rgba(46,230,166,.08)!important;border-color:rgba(46,230,166,.35)!important;color:var(--mint)!important;font-size:12px!important}
body[data-skin] div.note{background:rgba(255,255,255,.03)!important;border-color:var(--line2)!important;font-size:15px!important}
body[data-skin] .lead2,body[data-skin] .motivation{font-size:16px!important}
body[data-skin=privacy] p,body[data-skin=privacy] li{font-size:17px!important;line-height:1.75;color:#d7dcea}
body[data-skin=privacy] h1{font-size:clamp(36px,5vw,52px)!important}
body[data-skin=privacy] h2{font-size:clamp(22px,3vw,28px)!important;color:var(--ink)!important}
body[data-skin=privacy] code{color:var(--mint)!important;background:rgba(46,230,166,.08)!important}
body[data-skin=privacy] strong{color:var(--ink)!important}
body[data-skin=privacy] .pp-warn{color:#ffd28a!important;font-size:15.5px!important}
body[data-skin=privacy] .pp-last{font-size:14px!important}
body[data-skin] > .brand,body[data-skin] .wrap > .brand,body[data-skin] > .brand-bar{display:none!important}
body[data-skin=subscribe] .mcta,body[data-skin=pay] .mcta,body[data-skin=payment] .mcta,body[data-skin=status] .mcta,body[data-skin=onboarding] .mcta,body[data-skin=innercircle] .mcta,body[data-skin=privacy] .mcta{display:none!important}
body[data-skin=innercircle] h1 span{color:var(--mint)!important;-webkit-text-fill-color:var(--mint)!important;background:none!important}