/* CTA */
    .cta-btn {
      margin-top: 30px;
      padding: 15px 30px;
      border: 2px solid #0ff;
      background: transparent;
      color: #0ff;
      font-size: 20px;
      border-radius: 10px;
      transition: 0.3s;
      text-shadow: 0 0 10px #0ff;
    }
    .cta-btn:hover {
      background: #0ff;
      color: #000;
      transform: scale(1.1);
      box-shadow: 0 0 20px #0ff;
    }
.hero-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 14px 28px;
  background: #ffffff22;
  border: 1px solid #ffffff55;
  border-radius: 10px;
  color: white;
  text-decoration: none;
  font-size: 1.1rem;
  transition: 0.3s ease;
}

.hero-btn:hover {
  background: white;
  color: black;
  box-shadow: 0 0 20px #ffffffaa;
  transform: scale(1.05);
}
.neon-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid rgba(82,232,255,.40);
  background:linear-gradient(135deg, rgba(82,232,255,.20), rgba(255,74,199,.16));
  color:var(--text);
  font-weight:800;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
  position:relative;
  overflow:hidden;
}
.neon-btn::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);
  transform:translateX(-120%);
  transition:transform .45s ease;
}
.neon-btn:hover{ transform:translateY(-2px); box-shadow:var(--shadowC); }
.neon-btn:hover::before{ transform:translateX(120%); }

.neon-btn.magenta{
  border-color:rgba(255,43,214,.42);
  background:linear-gradient(135deg, rgba(255,74,199,.24), rgba(255,74,199,.12));
}
.neon-btn.magenta:hover{ box-shadow:var(--shadowM); }
.neon-btn.cyan{
  border-color:rgba(82,232,255,.42);
  background:linear-gradient(135deg, rgba(82,232,255,.24), rgba(82,232,255,.12));
}