:root{
      --cd-bg: #07070a; /* near-black */
      --cd-neon-1: #d946ef; /* fuchsia */
      --cd-neon-2: #22d3ee; /* cyan */
      --cd-neon-3: #a3e635; /* acid lime */
      --cd-muted: #cbd5e1; /* light slate */
    }
    html,body{background: var(--cd-bg); color:#e5e7eb;}
    /* Cyberpunk gradient grid */
    .cd-hero{
      position: relative;
      background: radial-gradient(1200px 500px at 10% -10%, rgba(217,70,239,.20), transparent 60%),
                  radial-gradient(900px 400px at 90% -20%, rgba(34,211,238,.18), transparent 60%),
                  linear-gradient(180deg, rgba(255,255,255,0.04), rgba(0,0,0,0.0));
      overflow: hidden;
      border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .cd-hero:before{ /* scanlines */
      content:""; position:absolute; inset:0; pointer-events:none;
      background: repeating-linear-gradient( to bottom, rgba(255,255,255,.03), rgba(255,255,255,.03) 1px, transparent 2px );
      mix-blend-mode: soft-light; opacity:.35;
    }
    .cd-hero .glow{
      text-shadow: 0 0 12px rgba(217,70,239,.6), 0 0 28px rgba(34,211,238,.35);
    }
    .cd-chip{
      border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.03);
      backdrop-filter: blur(6px); border-radius: 999px; color: var(--cd-muted);
    }
    .cd-card{
      border:1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.03); border-radius: 1rem;
      box-shadow: 0 10px 30px rgba(34,211,238,.07), inset 0 0 0 1px rgba(255,255,255,.02);
    }
    .btn-neon{
      color:#08090b; background: linear-gradient(90deg, var(--cd-neon-1), var(--cd-neon-2));
      border: none; box-shadow: 0 0 20px rgba(217,70,239,.35), 0 0 24px rgba(34,211,238,.35);
    }
    .btn-neon:hover{filter: brightness(1.08);}    
    .strike{ text-decoration: line-through; opacity:.6; }
    .accent{ color: var(--cd-neon-2); }
    .badge-free{ background: linear-gradient(90deg, var(--cd-neon-2), var(--cd-neon-1)); }
    .cd-divider{ border-top:1px dashed rgba(255,255,255,.12); }
    .cd-link{ color:#c4b5fd; }
    .cd-link:hover{ color:#f0abfc; }
    /* Glitchy underline */
    .glitch-underline{ position: relative; display:inline-block; }
    .glitch-underline::after{ content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; background: linear-gradient(90deg, var(--cd-neon-1), var(--cd-neon-2)); filter: drop-shadow(0 0 6px rgba(34,211,238,.6)); }
    #heroVideo { border-radius: .75rem; outline: 1px solid rgba(255,255,255,.08) }
#heroVideo:hover { box-shadow: 0 0 24px rgba(34,211,238,.25), 0 0 24px rgba(217,70,239,.18) }