:root {
      --neon-purple: #9b4dff;
      --neon-green: #90ee90;
      --bg-dark: #0a0a0a;
      --bg-panel: rgba(20, 20, 20, 0.7);
      --text-primary: #e0e0e0;
    }

    body {
      margin: 0;
      font-family: "Orbitron", sans-serif;
      background: radial-gradient(circle at top left, #100010 0%, #000 100%);
      color: var(--text-primary);
      min-height: 100vh;
      overflow-x: hidden;
    }

    /* NAVBAR */
    nav.onchain-nav {
      background: linear-gradient(90deg, rgba(155,77,255,0.3), rgba(144,238,144,0.15));
      backdrop-filter: blur(10px);
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0.8rem 1.5rem;
      border-bottom: 2px solid var(--neon-purple);
      box-shadow: 0 0 20px rgba(155,77,255,0.5);
    }

    .onchain-nav h1 {
      color: var(--neon-green);
      text-shadow: 0 0 10px var(--neon-green);
      font-weight: 800;
      letter-spacing: 2px;
      font-size: 1.6rem;
    }

    .onchain-links a {
      color: var(--neon-purple);
      text-decoration: none;
      margin-left: 1rem;
      padding: 0.4rem 0.8rem;
      border-radius: 8px;
      transition: all 0.3s ease-in-out;
    }

    .onchain-links a:hover {
      color: var(--neon-green);
      box-shadow: 0 0 15px var(--neon-purple);
    }

    /* MAIN CONTENT AREA */
    .onchain-content {
      padding: 2rem;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
      gap: 1.5rem;
    }

    .onchain-card {
      background: var(--bg-panel);
      border: 2px solid var(--neon-purple);
      border-radius: 16px;
      padding: 1.5rem;
      box-shadow: 0 0 20px rgba(155,77,255,0.2);
      transition: all 0.3s ease;
    }

    .onchain-card:hover {
      border-color: var(--neon-green);
      box-shadow: 0 0 30px rgba(144,238,144,0.4);
    }

    /* ON-CHAIN SWITCHER */
    #On-Chain-Switcher-Link {
      position: relative;
      bottom: 0;
      left: 0;
      border: 3px solid rgba(255, 62, 62, 0.6);
      border-radius: 25px;
      background-color: black;
      color: rgb(255, 0, 0);
      padding: 0.5rem 1rem;
      transition: all 0.3s ease-in-out;
    }

    #On-Chain-Switcher-Link:hover,
    #On-Chain-Switcher-Link:focus {
      color: var(--neon-green);
      border-color: var(--neon-purple);
      box-shadow: 0 0 20px 5px rgba(155,77,255,0.7),
                  0 0 40px 10px rgba(155,77,255,0.4);
      text-shadow: 0 0 10px var(--neon-green);
    }

    /* Glow while in onchain-active mode */
    body.onchain-active #On-Chain-Switcher-Link::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 10px;
      box-shadow: 0 0 25px 10px rgba(155,77,255,0.7),
                  0 0 45px 20px rgba(155,77,255,0.4);
      z-index: -1;
      animation: pulseGlow 2.5s infinite ease-in-out;
    }

    @keyframes pulseGlow {
      0%,100% { opacity: 0.8; transform: scale(1); }
      50% { opacity: 1; transform: scale(1.05); }
    }

        /* ix3 SWITCHER */
    #iX3-Switcher-Link {
      position: relative;
      bottom: 0;
      left: 0;
      border: 3px solid rgba(0, 255, 140, 0.6) !important;
      border-radius: 25px;
      background-color: black;
      color: rgb(0, 255, 140);
      padding: 0.5rem 1rem;
      transition: all 0.3s ease-in-out;
    }

    #iX3-Switcher-Link:hover,
    #iX3-Switcher-Link:focus {
      color: var(--neon-green);
      border-color: var(--neon-purple);
      box-shadow: 0 0 25px 10px rgba(0, 255,229, 0.7),
                  0 0 45px 20px rgba(0,255,229, 0.4);
      text-shadow: 0 0 10px rgba(0,255,229,0.8);
    }

    /* Glow while in onchain-active mode */
    body.iX3-active #iX3-Switcher-Link::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 10px;
      box-shadow: 0 0 25px 10px rgba(0, 255,229, 0.7),
                  0 0 45px 20px rgba(0,255,229, 0.4);
      z-index: -1;
      animation: pulseGlow 2.5s infinite ease-in-out;
    }

    footer {
      text-align: center;
      padding: 1rem;
      border-top: 1px solid var(--neon-purple);
      color: var(--neon-green);
      font-size: 0.9rem;
      margin-top: 2rem;
    }