:root {
    --random-color: rgb(0, 8, 246); /* fallback */
  }

  body {
    background: linear-gradient(-45deg, #002fff, #0b0051, var(--random-color), #0d0675);
    background-size: 400% 3000%;
    animation: gradientBG 15s ease infinite;
    height: 100vh;
    margin: 0;
    transition: background 1s ease;
  }

  @keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }