/* Stronger neon-green ambience behind logo */
.matrixGlow{
  inset:-10%;
  background:
    radial-gradient(circle at 50% 55%,
      rgba(0,255,160,.24) 0%,
      rgba(0,255,160,.10) 20%,
      rgba(0,0,0,0) 58%),
    radial-gradient(circle at 35% 35%,
      rgba(0,180,120,.14) 0%,
      rgba(0,0,0,0) 55%);
  filter: blur(16px);
  opacity: 1;
  z-index: 1;
}

/* Visible CRT scanlines (not too heavy) */
.scanlines{
  background: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,.06),
    rgba(255,255,255,.06) 1px,
    rgba(0,0,0,0) 3px,
    rgba(0,0,0,0) 7px
  );
  opacity:.28;
  mix-blend-mode: overlay;
  z-index: 6;
  animation: drift 7s linear infinite;
}

/* The rolling “scan bar”  */
.humbar{
  background: linear-gradient(
    to bottom,
    rgba(0,255,160,0) 0%,
    rgba(0,255,160,.06) 48%,
    rgba(0,255,160,.22) 50%,
    rgba(0,255,160,.06) 52%,
    rgba(0,255,160,0) 100%
  );


  opacity:.55;
  mix-blend-mode: screen;
  z-index: 7;
  animation: roll 5.5s linear infinite;
  filter: blur(0.2px);
}

/* “Digital rain” illusion with repeating glyph-like columns */
.rain{
  background:
    linear-gradient(to bottom, rgba(0,255,160,.18), rgba(0,0,0,0) 60%),
    repeating-linear-gradient(
      to right,
      rgba(0,255,160,.10) 0px,
      rgba(0,255,160,.10) 1px,
      rgba(0,0,0,0) 18px,
      rgba(0,0,0,0) 26px
    );
  opacity:.18;
  mix-blend-mode: screen;
  z-index: 5;
  animation: rainFall 2.4s linear infinite;
}

/* Subtle perspective grid like tech noir */
.grid{
  background:
    linear-gradient(to right, rgba(0,255,160,.10) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0,255,160,.08) 1px, transparent 1px);
  background-size: 80px 80px;
  opacity:.12;
  mix-blend-mode: screen;
  z-index: 4;
  transform: perspective(900px) rotateX(32deg) translateY(16%);
}

/* Animations */
@keyframes drift{
  from{transform:translateY(-10px)}
  to{transform:translateY(10px)}
}
@keyframes roll{
  from{transform:translateY(-120%)}
  to{transform:translateY(120%)}
}
@keyframes rainFall{
  from{transform:translateY(-10%)}
  to{transform:translateY(10%)}
}
