body {
    background: linear-gradient(-45deg, #0a0a0a, #1c1c1c, #111, #1a1a1a);
    background-size: 400% 400%;
    animation: gradientMove 20s ease infinite;
    color: #f1f1f1;
    position: relative;
    overflow-x: hidden;
}

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

body::before {
    content: "";
    position: fixed;
    top: -20%;
    left: -30%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 60% 60%, rgba(255, 255, 255, 0.65), transparent 40%);
    filter: blur(450px);
    animation: glowDrift 20s ease-in-out infinite;
    opacity: 0.5;
    z-index: -1;
    pointer-events: none;
}

@keyframes glowDrift {
    0%   { transform: translate(0, 0); }
    25%  { transform: translate(5%, -3%); }
    50%  { transform: translate(10%, 10%); }
    75%  { transform: translate(5%, 5%); }
    100% { transform: translate(0, 0); }
}