:root {
  
  --bg-0: #06080d;
  --bg-1: #0a0e16;
  --bg-2: #0e1320;
  --bg-3: #131926;
  --bg-inset: #090d15;

  
  --txt-1: #f0f4fc;
  --txt-2: #a4b0c8;
  --txt-3: #64718c;

  
  --acc: #2dd4a7;
  --acc-soft: rgba(45, 212, 167, .10);
  --acc-line: rgba(45, 212, 167, .24);
  --ok: #34d399;
  --warn: #fbbf24;

  --edge-top: inset 0 1px 0 rgba(255,255,255,.06);
  --edge-bot: inset 0 -1px 0 rgba(0,0,0,.5);
  --shadow-card: 0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.35);
  --shadow-hover: 0 2px 6px rgba(0,0,0,.5), 0 18px 44px rgba(0,0,0,.5);

  
  --c-blue: #60a5fa;  --c-blue-bg: rgba(96,165,250,.08);  --c-blue-bd: rgba(96,165,250,.22);
  --c-violet: #a78bfa; --c-violet-bg: rgba(167,139,250,.08); --c-violet-bd: rgba(167,139,250,.22);
  --c-cyan: #22d3ee;  --c-cyan-bg: rgba(34,211,238,.08);  --c-cyan-bd: rgba(34,211,238,.22);
  --c-emerald: #34d399; --c-emerald-bg: rgba(52,211,153,.08); --c-emerald-bd: rgba(52,211,153,.22);
  --c-amber: #fbbf24; --c-amber-bg: rgba(251,191,36,.08); --c-amber-bd: rgba(251,191,36,.22);
  --c-rose: #fb7185;  --c-rose-bg: rgba(251,113,133,.08); --c-rose-bd: rgba(251,113,133,.22);
  --c-indigo: #818cf8; --c-indigo-bg: rgba(129,140,248,.08); --c-indigo-bd: rgba(129,140,248,.22);
  --c-teal: #2dd4bf;  --c-teal-bg: rgba(45,212,191,.08);  --c-teal-bd: rgba(45,212,191,.22);
  --c-sky: #38bdf8;   --c-sky-bg: rgba(56,189,248,.08);   --c-sky-bd: rgba(56,189,248,.22);
}

html, body {
  background: #06080d !important;
  background-image: none !important;
  color: var(--txt-1) !important;
}
.background-animation, #binary-canvas {
  background: #06080d !important;
  background-color: #06080d !important;
}

.mn-topbar, .header.mn-topbar {
  background: rgba(10,14,22,.88) !important;
  backdrop-filter: saturate(1.6) blur(16px) !important;
  -webkit-backdrop-filter: saturate(1.6) blur(16px) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.03), 0 8px 28px rgba(0,0,0,.5) !important;
}
.mn-logo-mark { background: linear-gradient(135deg, #2dd4a7, #0ea5e9) !important; }
.logo-text, .mn-topbar .logo-text { color: var(--txt-1) !important; }
.mn-nav a { color: var(--txt-2) !important; }
.mn-nav a:hover { color: var(--acc) !important; }
.mn-nav a::after { background: linear-gradient(90deg, #2dd4a7, #0ea5e9) !important; }

.mn-node, .mn-metric, .mn-partner, .mn-partner-grid > div,
.dashboard-card, .pool-info-item, .calc-container, .compare-container,
.stats-container, .dash-wrap, .inv-wrap, .revenue-broadcast,
.withdrawal-records-container, .live-data, .stat-item,
.dash-metric, .inv-metric, .bottom-nav, .hash-display-container {
  background: linear-gradient(168deg, var(--bg-3) 0%, var(--bg-2) 60%, var(--bg-1) 100%) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: var(--edge-top), var(--shadow-card) !important;
}
.mn-node:hover, .dashboard-card:hover, .pool-info-item:hover,
.stat-item:hover, .dash-metric:hover, .inv-metric:hover,
.mn-partner-grid > div:hover {
  border-color: rgba(45,212,167,.34) !important;
  box-shadow: var(--edge-top), var(--shadow-hover), 0 0 34px rgba(45,212,167,.10) !important;
  transform: translateY(-3px);
}

.mn-nodes .mn-node:nth-child(1) { border-top-color: #34d399 !important; }
.mn-nodes .mn-node:nth-child(2) { border-top-color: #fbbf24 !important; }
.mn-nodes .mn-node:nth-child(3) { border-top-color: #a78bfa !important; }
.dashboard-grid .dashboard-card:nth-child(1) { border-top-color: #60a5fa !important; }
.dashboard-grid .dashboard-card:nth-child(2) { border-top-color: #22d3ee !important; }
.dashboard-grid .dashboard-card:nth-child(3) { border-top-color: #34d399 !important; }
.dashboard-grid .dashboard-card:nth-child(4) { border-top-color: #a78bfa !important; }
.mining-pool-info .pool-info-item:nth-child(1) { border-top-color: #60a5fa !important; }
.mining-pool-info .pool-info-item:nth-child(2) { border-top-color: #34d399 !important; }
.stats-grid .stat-item:nth-child(1) { border-top-color: #60a5fa !important; }
.stats-grid .stat-item:nth-child(2) { border-top-color: #a78bfa !important; }
.stats-grid .stat-item:nth-child(3) { border-top-color: #34d399 !important; }
.stats-grid .stat-item:nth-child(4) { border-top-color: #fbbf24 !important; }
.mn-hero-metrics .mn-metric:nth-child(1) { border-top-color: #60a5fa !important; }
.mn-hero-metrics .mn-metric:nth-child(2) { border-top-color: #a78bfa !important; }
.mn-hero-metrics .mn-metric:nth-child(3) { border-top-color: #fbbf24 !important; }

.mn-hero h1, .mn-node h4, .mn-partner h3, .mn-section-title,
.records-header h3, .calc-head h3, .compare-head h3, .stats-head h3,
.dash-head h2, .inv-head h2, .dash-records-head h3, .inv-list-head h3,
.dashboard-value, .stat-val, .dm-value {
  color: var(--txt-1) !important;
  -webkit-text-fill-color: var(--txt-1) !important;
  background: none !important;
}
.mn-hero-desc, .mn-node ul, .mn-node .apy, .mn-partner > p,
.dashboard-label, .pool-info-item h4, .calc-out-label, .dm-label,
.stat-name, .mn-act-item, .broadcast-item, .wp-body p, .wp-body li,
.reg-desc, .pay-sum-row span {
  color: var(--txt-2) !important;
}
.mn-footer p, .mn-partner-note, .calc-note, .dm-unit,
.mn-act-item .time, .wp-body, .wp-toc strong {
  color: var(--txt-3) !important;
}
.mn-hero-badge {
  color: var(--c-emerald) !important;
  background: rgba(52,211,153,.08) !important;
  border-color: rgba(52,211,153,.26) !important;
}
.mn-hero-badge .dot { background: #34d399 !important; }

.mn-node .rate, .mn-metric strong, .mn-partner-grid strong,
.calc-out-hl strong, .dash-metric-main .dm-value, .inv-metric-hl strong {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
}
.mn-node:nth-child(1) .rate { color: #34d399 !important; text-shadow: 0 0 22px rgba(52,211,153,.4) !important; }
.mn-node:nth-child(2) .rate { color: #fbbf24 !important; text-shadow: 0 0 22px rgba(251,191,36,.4) !important; }
.mn-node:nth-child(3) .rate { color: #a78bfa !important; text-shadow: 0 0 22px rgba(167,139,250,.4) !important; }
.mn-metric strong { color: var(--c-sky) !important; }
.mn-partner-grid strong { color: var(--c-emerald) !important; }
.calc-out-hl strong, .dash-metric-main .dm-value, .inv-metric-hl strong {
  color: #34d399 !important;
  text-shadow: 0 0 20px rgba(52,211,153,.42) !important;
}

.mn-btn-primary, .reg-submit, .dash-btn-primary, .inv-share-btn,
.experience-btn, .mn-connect-btn {
  background: linear-gradient(160deg, #2dd4a7 0%, #0ea5e9 100%) !important;
  color: #06110d !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.22), 0 8px 22px rgba(45,212,167,.28) !important;
  font-weight: 700 !important;
}
.mn-btn-primary:hover, .reg-submit:hover, .dash-btn-primary:hover, .inv-share-btn:hover {
  box-shadow: 0 1px 0 rgba(255,255,255,.3), 0 14px 34px rgba(45,212,167,.42) !important;
}
.mn-btn-primary::before { background: linear-gradient(180deg, rgba(255,255,255,.2), transparent 48%) !important; }
.mn-btn-outline {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: var(--txt-1) !important;
  
}
.mn-btn-outline:hover {
  background: rgba(45,212,167,.10) !important;
  border-color: rgba(45,212,167,.5) !important;
  color: var(--acc) !important;
}
.mn-connect-btn.is-registered {
  background: rgba(52,211,153,.10) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52,211,153,.42) !important;
  box-shadow: none !important;
}
.dash-btn, .reg-btn-ghost, .calc-tier, .dash-tier, .reg-tier {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--txt-2) !important;
  box-shadow: none !important;
}
.dash-btn:hover, .calc-tier:hover, .dash-tier:hover, .reg-tier:hover {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(45,212,167,.4) !important;
  color: var(--txt-1) !important;
}
.calc-tier.active, .dash-tier.active, .reg-tier.active {
  background: rgba(45,212,167,.12) !important;
  border-color: rgba(45,212,167,.6) !important;
  color: var(--acc) !important;
  box-shadow: 0 0 0 3px rgba(45,212,167,.10) !important;
}
.dash-btn-primary { color: #06110d !important; border: none !important; }

.compare-table th, .dash-table th, .inv-table th {
  background: rgba(255,255,255,.03) !important;
  color: var(--txt-3) !important;
}
.compare-table th, .compare-table td,
.dash-table th, .dash-table td,
.inv-table th, .inv-table td {
  border-bottom-color: rgba(255,255,255,.06) !important;
  color: var(--txt-2) !important;
}
.compare-table td:first-child, .inv-table td:first-child { color: var(--txt-1) !important; }
.compare-table tbody tr:hover, .dash-table tbody tr:hover,
.inv-table tbody tr:hover { background: rgba(255,255,255,.035) !important; }
.r-amt, .iv-contrib, .mn-act-item .amt, .broadcast-item .amount { color: #34d399 !important; }
.r-tx code, .iv-addr code { color: var(--c-sky) !important; }

.dash-progress-box, .inv-link-box, .pay-summary, .pay-addr-box,
.dash-params .dp-item, .calc-input-wrap, .reg-input-wrap,
.inv-link-value, .reg-bound-card {
  background: var(--bg-inset) !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}
.dp-bar, .stat-bar { background: rgba(255,255,255,.08) !important; }
.dp-bar span { background: linear-gradient(90deg, #2dd4a7, #34d399) !important; }

.modal-overlay, .reg-overlay, .pay-overlay {
  background: rgba(2,4,8,.82) !important;
  
}
.reg-modal, .pay-modal, .modal-content, .mn-modal, .wp-modal {
  background: linear-gradient(168deg, #131926 0%, #0c111b 100%) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.06), 0 40px 100px rgba(0,0,0,.8) !important;
}
.reg-header, .pay-header, .modal-header, .mn-modal-head, .wp-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.modal-close {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: var(--txt-2) !important;
}
.modal-close:hover {
  background: rgba(239,68,68,.15) !important;
  border-color: rgba(248,113,113,.4) !important;
  color: #fca5a5 !important;
}
.reg-header h3, .pay-header h3, .modal-header h3, .mn-modal-head h3,
.wp-header h3, .reg-success h4 { color: var(--txt-1) !important; }
.reg-icon { background: linear-gradient(150deg, #2dd4a7, #0ea5e9) !important; }
.pay-icon { background: linear-gradient(150deg, #fbbf24, #f97316) !important; }
.wp-logo { background: linear-gradient(150deg, #22d3ee, #60a5fa) !important; }

.reg-input-wrap, #dash-amount, #calc-amount, #reg-principal {
  background: var(--bg-inset) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: var(--txt-1) !important;
}
.reg-input-wrap input, #reg-address, #reg-alias, #reg-pwd, #reg-pwd2 {
  color: var(--txt-1) !important;
}
.reg-input-wrap input::placeholder, #dash-amount::placeholder { color: #4a5568 !important; }
.reg-input-icon { color: var(--txt-3) !important; }
.calc-range, .dash-range { background: linear-gradient(90deg, #2dd4a7, rgba(45,212,167,.2)) !important; }
.calc-range::-webkit-slider-thumb, .dash-range::-webkit-slider-thumb {
  background: #0a0e16 !important;
  border-color: #2dd4a7 !important;
  box-shadow: 0 0 14px rgba(45,212,167,.6) !important;
}
.reg-agree-row { color: var(--txt-2) !important; }
.reg-agree-row a { color: var(--acc) !important; }
.reg-hint.ok { color: #34d399 !important; }
.reg-hint.err { color: #fb7185 !important; }
.reg-msg.err { color: #fb7185 !important; }
.reg-msg.ok { color: #34d399 !important; }

.dash-status.idle { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.1) !important; color: var(--txt-3) !important; }
.dash-status.running { background: rgba(52,211,153,.12) !important; border-color: rgba(52,211,153,.4) !important; color: #34d399 !important; }
.dash-tier-label, .inv-level, .calc-badge, .records-status {
  background: rgba(45,212,167,.10) !important;
  border-color: rgba(45,212,167,.28) !important;
  color: var(--acc) !important;
}

.mn-act-item, .broadcast-item {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
.mn-act-item .addr, .broadcast-item .user-address { color: var(--txt-1) !important; font-weight: 600 !important; }
.mn-act-item .time { color: var(--txt-3) !important; }
.live-data .data-header, .revenue-broadcast .broadcast-header {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: var(--txt-1) !important;
}
.live-data .data-header i { color: #22d3ee !important; }
.revenue-broadcast .broadcast-header i { color: #a78bfa !important; }

.pay-qr, .dg-qr-box { background: #ffffff !important; }

.mn-footer { border-top: 1px solid rgba(255,255,255,.06) !important; }
.mn-footer-brand { color: var(--acc) !important; }
.bottom-nav { border-top: 1px solid rgba(255,255,255,.06) !important; }
.nav-item { color: var(--txt-2) !important; }
.nav-item:hover { color: var(--acc) !important; }

#device-gate { background: #06080d !important; }
#device-gate .dg-card {
  background: linear-gradient(168deg, #131926, #0c111b) !important;
  border-color: rgba(255,255,255,.09) !important;
}
#device-gate .dg-title { color: var(--txt-1) !important; }
#device-gate .dg-desc, #device-gate .dg-step, #device-gate .dg-list li { color: var(--txt-2) !important; }
#device-gate .dg-link-box { background: var(--bg-inset) !important; border-color: rgba(255,255,255,.08) !important; }
#device-gate .dg-link { color: var(--acc) !important; }
#device-gate .dg-badge { background: rgba(45,212,167,.1) !important; border-color: rgba(45,212,167,.3) !important; color: var(--acc) !important; }
#device-gate .dg-copy { background: rgba(45,212,167,.12) !important; border-color: rgba(45,212,167,.34) !important; color: var(--acc) !important; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,.03); }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgba(45,212,167,.4); }

html, body {
  background: #06080d !important;
  background-color: #06080d !important;
}

.background-animation {
  z-index: 0 !important;
  contain: none !important;          
  background: transparent !important;
  overflow: hidden !important;
}

#binary-canvas,
#binary-canvas.ready {
  opacity: 1 !important;
  visibility: visible !important;
  contain: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  transform: none !important;
  will-change: auto !important;
  transition: none !important;
  background: #06080d !important;
  background-color: #06080d !important;
}

.mn-topbar, .main-content, .mn-footer, .bottom-nav,
.modal-overlay, .reg-overlay, .pay-overlay {
  position: relative;
  z-index: 1;
}
.mn-topbar { z-index: 1000 !important; }
.modal-overlay, .reg-overlay, .pay-overlay { z-index: 900 !important; }
#device-gate { z-index: 9999 !important; }

.mn-node, .mn-metric, .mn-partner, .mn-partner-grid > div,
.dashboard-card, .pool-info-item, .calc-container, .compare-container,
.stats-container, .dash-wrap, .inv-wrap, .revenue-broadcast,
.withdrawal-records-container, .live-data, .stat-item,
.dash-metric, .inv-metric, .hash-display-container {
  background: rgba(19, 25, 38, .86) !important;
  
}

.mn-node, .mn-metric, .mn-partner, .mn-partner-grid > div,
.dashboard-card, .pool-info-item, .calc-container, .compare-container,
.stats-container, .dash-wrap, .inv-wrap, .revenue-broadcast,
.withdrawal-records-container, .live-data, .stat-item,
.dash-metric, .inv-metric, .hash-display-container, .bottom-nav {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(17, 23, 36, .90) !important;
}

.mn-topbar, .header.mn-topbar {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(8, 11, 18, .96) !important;
}

.modal-overlay, .reg-overlay, .pay-overlay {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(2, 4, 8, .88) !important;
}

.reg-modal, .pay-modal, .modal-content, .mn-modal, .wp-modal {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.mn-btn-outline {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(255,255,255,.04) !important;
}

#binary-canvas {
  will-change: auto !important;
  transform: none !important;
  filter: none !important;
  image-rendering: pixelated;   
}

.mn-node, .dashboard-card, .pool-info-item, .stat-item {
  transition: border-color .18s, box-shadow .18s !important;
}
.mn-node:hover, .dashboard-card:hover, .pool-info-item:hover, .stat-item:hover {
  transform: none !important;    
}

.mn-node-tag::before { animation: none !important; }
.stats-live .dot { animation: none !important; }
.dg-dot { animation: none !important; }