html,body { background:#070B11; }
.holo-text {
  background:linear-gradient(120deg,#38f9d7,#7F5BFF,#ff4ecd,#38f9d7);
  background-size:250% 250%;
  -webkit-background-clip:text;
  color:transparent;
  animation:gradientShift 10s ease infinite;
  filter:drop-shadow(0 0 4px #38f9d7AA);
}
.glass {
  backdrop-filter: blur(14px) saturate(140%);
  background:linear-gradient(145deg,#0f1725BB,#121e30AA 60%,#1c2c44BB);
  border:1px solid #1f324d;
  box-shadow:0 0 0 1px #243a57,0 0 14px -4px #38f9d755;
}
.neon-border { position:relative; }
.neon-border:before {
  content:"";
  position:absolute; inset:0;
  border:1px solid transparent;
  background:linear-gradient(140deg,#38f9d7,#7F5BFF,#ff4ecd) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  border-radius:inherit;
  opacity:.8; pointer-events:none;
}
.table-grid tr:not(:first-child) td { border-top:1px solid #1c2b3d; }
.badge {
  background:linear-gradient(120deg,#101b29,#1c2b40);
  border:1px solid #2a425f;
  padding:.25rem .6rem;
  border-radius:9999px;
  font-size:.65rem;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#8ab9ff;
}
.bg-noise:before {
  content:"";
  position:fixed; inset:0;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.03) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.015) 0 2px, transparent 2px 4px);
  mix-blend-mode:overlay; pointer-events:none; opacity:.4;
}
.scanline:after {
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,0.04) 50%,transparent 100%);
  animation:scan 9s linear infinite;
  mix-blend-mode:overlay; pointer-events:none;
}
.reveal { opacity:0; transform:translateY(30px); transition:all .9s cubic-bezier(.16,.8,.24,1); }
.reveal.visible { opacity:1; transform:translateY(0); }
.cta-btn { position:relative; overflow:hidden; }
.cta-btn:before {
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(circle at 30% 20%,#7F5BFF33,transparent 60%);
  opacity:0; transition:.4s;
}
.cta-btn:hover:before { opacity:1; }
.hover-tilt { transition:transform .4s; }
.hover-tilt:hover { transform:translateY(-4px) rotateX(8deg) rotateY(-6deg); }