body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Fondo tipo grid futurista */
.grid-bg {
  background-image:
    radial-gradient(circle at 1px 1px, rgba(148,163,184,0.20) 1px, transparent 0);
  background-size: 28px 28px;
}

/* Panel / tarjetas con el mismo fondo IA (solo dark) */
.panel-gradient {
  background:
    radial-gradient(circle at 0% 0%, rgba(56,189,248,0.18), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(236,72,153,0.20), transparent 55%),
    linear-gradient(135deg, #020617, #020617);
}

/* Borde brillante IA para el hero */
.neon-border {
  position: relative;
}

.neon-border::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 1.5rem;
  background: conic-gradient(from 120deg,
    rgba(59,130,246,0.8),
    rgba(236,72,153,0.8),
    rgba(56,189,248,0.8),
    rgba(59,130,246,0.8));
  opacity: 0.35;
  filter: blur(6px);
  z-index: -2;
}

.neon-border::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1.5rem;
  background: transparent;
  z-index: -1;
  opacity: 0.9;
}