:root {
  color-scheme: dark;
  --mt-bg: #090d12;
  --mt-surface: #101720;
  --mt-surface-2: #151f29;
  --mt-border: #27343e;
  --mt-text: #f1f5f7;
  --mt-muted: #a2afb9;
  --mt-accent: #a4f06e;
  --mt-accent-hover: #c0ff98;
  --mt-radius: 16px;
}

html { scroll-behavior: smooth; scroll-padding-top: 88px; }

body {
  background: var(--mt-bg) !important;
  color: var(--mt-text);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

body :is(h1,h2,h3,h4,h5) {
  color: var(--mt-text);
  letter-spacing: -.025em;
  line-height: 1.2;
}

body p { color: var(--mt-muted); }

body a { text-underline-offset: 4px; }
body a:hover { color: var(--mt-accent-hover); }

#mt-site-nav {
  position: sticky;
  top: 0;
  z-index: 9990;
  background: rgba(9,13,18,.97) !important;
  border-bottom: 1px solid var(--mt-border) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.16);
  backdrop-filter: blur(18px);
}

#mt-site-nav .mt-nav-inner {
  max-width: 1280px;
  margin-inline: auto;
}

#mt-site-nav .mt-brand,
#mt-site-nav .mt-links a {
  color: var(--mt-text) !important;
  text-decoration: none;
}

#mt-site-nav .mt-brand { font-weight: 850; letter-spacing: .04em; }
#mt-site-nav .mt-links a:hover { color: var(--mt-accent) !important; }

#mt-site-nav .mt-login {
  background: var(--mt-accent) !important;
  color: #10170d !important;
  border: 0 !important;
  border-radius: 10px;
}

#mt-home-hero {
  background:
    radial-gradient(ellipse at 78% 12%, rgba(164,240,110,.13), transparent 36%),
    linear-gradient(135deg,#090d12 0%,#101720 60%,#131d25 100%) !important;
  border-bottom: 1px solid var(--mt-border) !important;
}

#mt-home-hero .mt-eyebrow {
  color: var(--mt-accent) !important;
  border-color: rgba(164,240,110,.35) !important;
  background: rgba(164,240,110,.05);
}

#mt-home-hero h1 span { color: var(--mt-accent) !important; }

#mt-home-hero .mt-hero-panel {
  background: linear-gradient(145deg,#151f29,#0c1219) !important;
  border: 1px solid var(--mt-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}

#mt-home-hero .mt-primary {
  background: var(--mt-accent) !important;
  color: #10170d !important;
}

#mt-home-hero .mt-secondary {
  border-color: var(--mt-border) !important;
  background: rgba(255,255,255,.025);
}

body :is(
  #monster-team-section,
  #megatrade-trading-returns,
  #mt-investment-plans,
  #megatrade-referral-center,
  #mt-blockchain-page,
  #mt-social-academy-page
) {
  color: var(--mt-text);
}

body :is(
  #monster-team-section,
  #megatrade-trading-returns,
  #mt-investment-plans,
  #megatrade-referral-center,
  #mt-blockchain-page,
  #mt-social-academy-page
) :is(h1,h2,h3) { color: var(--mt-text); }

body :is(
  #monster-team-section,
  #megatrade-trading-returns,
  #mt-investment-plans,
  #megatrade-referral-center,
  #mt-blockchain-page,
  #mt-social-academy-page
) :is(.monster-plan,.mt-card,.mt-panel,.mt-social-card,.mt-academy-card) {
  background: linear-gradient(145deg,#151f29,#0e141b) !important;
  border: 1px solid var(--mt-border) !important;
  border-radius: var(--mt-radius) !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.17);
}

#mt-investment-plans .monster-plan:hover {
  border-color: rgba(164,240,110,.48) !important;
  transform: translateY(-3px);
}

body :is(button,input[type="submit"],input[type="button"],.mt-btn,a.btn) {
  border-radius: 10px;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

#mt-investment-plans .monster-plan button {
  background: var(--mt-accent) !important;
  color: #10170d !important;
  border: 0 !important;
  font-weight: 750;
}

body :is(input,select,textarea) {
  background: #0b1117 !important;
  color: var(--mt-text) !important;
  border: 1px solid #34434e !important;
  border-radius: 10px !important;
}

body :is(input,select,textarea):focus {
  border-color: var(--mt-accent) !important;
  outline: 2px solid rgba(164,240,110,.12);
}

body :is(table,th,td) { border-color: var(--mt-border); }

body :is(.mt-eyebrow,.mt-badge,.badge) {
  letter-spacing: .035em;
}

#mt-social-academy-page :is(svg,img) {
  max-width: 28px;
  max-height: 28px;
  object-fit: contain;
}

.mt-route-hidden { display: none !important; }

::selection { background: rgba(164,240,110,.28); color: white; }

@media (max-width: 760px) {
  html { scroll-padding-top: 72px; }
  #mt-site-nav .mt-nav-inner {
    padding-inline: 14px;
    gap: 12px;
  }
  #mt-site-nav .mt-links { gap: 12px; }
  #mt-home-hero { padding: 48px 18px !important; }
  #mt-home-hero .mt-hero-inner {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }
  #mt-home-hero h1 { font-size: clamp(34px,9vw,46px) !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body * { transition-duration: .01ms !important; }
}