:root{
  --eco-bg0:#071018;
  --eco-bg1:#0a1a22;
  --eco-panel:#0b2230;
  --eco-line:rgba(110,200,255,.22);
  --eco-text:rgba(255,255,255,.92);
  --eco-muted:rgba(255,255,255,.68);
  --eco-accent:#39d98a;
  --eco-accent2:#3aa7ff;
  --eco-gold:#e7c66a;
}

html,body{ height:100%; }
body{
  background: radial-gradient(1200px 800px at 70% 30%, rgba(57,217,138,.18), transparent 55%),
              radial-gradient(1000px 700px at 35% 65%, rgba(58,167,255,.14), transparent 55%),
              linear-gradient(180deg, var(--eco-bg0), var(--eco-bg1));
  color: var(--eco-text) !important;
}

a{ color: rgba(170,240,255,.92); }
a:hover{ color: rgba(255,255,255,.95); }

h1,h2,h3{ color: rgba(255,255,255,.94); }
p,li,span,div{ color: inherit; }

.container, .wrap, main{ max-width: 1200px; margin: 0 auto; }

.card, .panel, .hub-card{
  background: linear-gradient(180deg, rgba(10,30,40,.72), rgba(8,18,26,.62));
  border: 1px solid var(--eco-line);
  border-radius: 18px;
  box-shadow: 0 10px 40px rgba(0,0,0,.35);
}

.badge, .pill, .tag{
  border: 1px solid rgba(110,200,255,.28);
  border-radius: 999px;
}

button, .btn, .cta, .pill{
  background: rgba(58,167,255,.12);
  border: 1px solid rgba(58,167,255,.35);
  color: rgba(255,255,255,.92);
}

button:hover, .btn:hover, .cta:hover, .pill:hover{
  background: rgba(57,217,138,.14);
  border-color: rgba(57,217,138,.38);
}

img.eco-sigil, .eco-sigil img{
  max-height: 34px !important;
  max-width: 34px !important;
  width: 34px !important;
  height: 34px !important;
  object-fit: contain;
}

.nav-sigil-big, .dropdown-sigil-big, .sigil-hero, .sigil-wall{
  display:none !important;
}

/* Kill the leftover mini-subnav "Home / Hubs / Mind Map" if it survives markup stripping */
.quicknav, .subheader, .subnav, #econQuickNav{ display:none !important; }