<!-- ECO-CANONICAL -->
<link rel="stylesheet" href="/assets/theme.css">
<nav class="eco-nav" role="navigation" aria-label="Primary">
  <style>
    .eco-nav{position:sticky;top:0;z-index:50;background:rgba(5,11,18,0.92);backdrop-filter:blur(10px);
             border-bottom:1px solid rgba(255,255,255,0.08)}
    .eco-nav ul{list-style:none;margin:0;padding:10px 14px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
    .eco-nav a{color:var(--eco-blue);font-weight:600}
    .eco-nav a:hover{color:var(--eco-green)}
    .eco-dd{position:relative}
    .eco-dd > span{cursor:pointer;color:var(--eco-gold);font-weight:800}
    .eco-dd ul{display:none;position:absolute;left:0;top:100%;min-width:240px;background:#06141f;border:1px solid rgba(255,255,255,0.10);
               border-radius:14px;padding:10px;margin:10px 0 0 0}
    .eco-dd:hover ul{display:block}
    .eco-dd li{padding:8px 10px;white-space:nowrap}
    .eco-dd li a{display:block}
    .eco-brand{color:var(--eco-gold);font-weight:900;letter-spacing:0.08em}
  </style>

  <ul>
    <li class="eco-brand"><a href="/">ECONOVETECH</a></li>

    <li><a href="/gateway/">Gateway</a></li>
    <li><a href="/dashboard/">Dashboard</a></li>

    <li class="eco-dd"><span>System </span>
      <ul>
        <li><a href="/mindmap/">System Map</a></li>
        <li><a href="/magna-carta/">Magna Carta</a></li>
        <li><a href="/ethics/">Ethical AI</a></li>
        <li><a href="/avatars/">Avatar Network</a></li>
        <li><a href="/agi/">AGI Advancement</a></li>
        <li><a href="/os/">Open Source Core</a></li>
      </ul>
    </li>

    <li class="eco-dd"><span>Hubs </span>
      <ul>
        <li><a href="/university/">University</a></li>
        <li><a href="/creative/">Creative Hub</a></li>
        <li><a href="/technology/">Technology & Energy</a></li>
        <li><a href="/manufacturing/">Manufacturing</a></li>
        <li><a href="/mobility/">VTOL & Air Freight</a></li>
        <li><a href="/land/">Land & EcoHubs</a></li>
        <li><a href="/maintenance/">Repair & Maintenance</a></li>
      </ul>
    </li>

    <li class="eco-dd"><span>Economy </span>
      <ul>
        <li><a href="/bank/">Sovereign Bank</a></li>
        <li><a href="/tokens/">Tokens & Wallets</a></li>
        <li><a href="/education/">Wallet Education</a></li>
        <li><a href="/contracts/">Smart Contracts</a></li>
        <li><a href="/marketplace/">Marketplace</a></li>
        <li><a href="/abundance/">Abundance Hub</a></li>
      </ul>
    </li>

    <li class="eco-dd"><span>Governance </span>
      <ul>
        <li><a href="/legal/">Legal Hub</a></li>
        <li><a href="/trust/">Trust & Governance</a></li>
      </ul>
    </li>

    <li><a href="/business/">B2B</a></li>
    <li><a href="/contact/">Contact</a></li>
  </ul>
</nav>
:root{
  --ecnv-blue:  #00E5FF !important;
  --ecnv-green: #19FF6F !important;
  --ecnv-gold:  #FFD400 !important;
  --ecnv-bg0:   #070A12 !important;
  --ecnv-fg:    rgba(255,255,255,0.92) !important;
}

html, body{
  background: radial-gradient(1200px 700px at 20% 0%, rgba(0,229,255,0.12), transparent 55%),
              radial-gradient(900px 600px at 80% 15%, rgba(25,255,111,0.10), transparent 55%),
              radial-gradient(800px 550px at 55% 85%, rgba(255,212,0,0.08), transparent 60%),
              var(--ecnv-bg0) !important;
  color: var(--ecnv-fg) !important;
}

a, a:visited{ color: var(--ecnv-blue) !important; }
a:hover{ color: #B7FAFF !important; }

h1, h2{ text-shadow: 0 0 18px rgba(0,229,255,0.18) !important; }
h3, h4{ text-shadow: 0 0 14px rgba(25,255,111,0.14) !important; }

button, .btn, [role="button"], input[type="submit"], .button{
  border: 1px solid rgba(255,255,255,0.20) !important;
  background: linear-gradient(135deg, rgba(0,229,255,0.22), rgba(25,255,111,0.16), rgba(255,212,0,0.14)) !important;
  color: rgba(255,255,255,0.95) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.45) !important;
}

hr{ border-color: rgba(255,255,255,0.14) !important; }

/* Keep hub bar readable + slightly shinier */
#ueos-hubs-bar{
  border-bottom: 1px solid rgba(255,255,255,0.16) !important;
}
.ueos-hub-chip.active{
  border-color: rgba(0,229,255,0.55) !important;
  box-shadow: 0 0 0 1px rgba(25,255,111,0.22), 0 0 16px rgba(0,229,255,0.14) !important;
}