/* FONDO B · GRADIENTE LÍQUIDO (mesh de marca que fluye, estilo Stripe) */
body{background:#0d0227}
body::before{content:"";position:fixed;inset:-35%;z-index:-3;filter:blur(80px) saturate(135%);
  background:
    radial-gradient(40% 44% at 26% 30%,#7631fd,transparent 58%),
    radial-gradient(38% 42% at 74% 60%,#4c1d95,transparent 58%),
    radial-gradient(30% 32% at 60% 22%,#c6ff3d4d,transparent 60%),
    radial-gradient(42% 44% at 18% 80%,#9d7cff,transparent 58%),
    radial-gradient(34% 36% at 90% 42%,#6d28d9,transparent 58%);
  animation:liquidFlow 22s ease-in-out infinite alternate}
/* velo sutil para contraste del texto */
body::after{content:"";position:fixed;inset:0;z-index:-3;
  background:linear-gradient(180deg,rgba(13,2,39,.28),rgba(13,2,39,.55))}
@keyframes liquidFlow{
  0%  {transform:translate(-4%,-3%) rotate(0deg)  scale(1.14)}
  50% {transform:translate(4%,3%)  rotate(8deg)  scale(1.26)}
  100%{transform:translate(-2%,4%) rotate(-6deg) scale(1.18)}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}