.glow-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.glow-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.15;
    animation: blob-float 25s infinite alternate ease-in-out;
}

.blob-1 {
    width: 60vw;
    height: 60vw;
    background: radial-gradient(circle, #3b82f6 0%, transparent 70%);
    top: -10%;
    left: -10%;
}

.blob-2 {
    width: 50vw;
    height: 50vw;
    background: radial-gradient(circle, #8b5cf6 0%, transparent 70%);
    bottom: -5%;
    right: -5%;
    animation-delay: -5s;
    animation-duration: 30s;
}

.blob-3 {
    width: 40vw;
    height: 40vw;
    background: radial-gradient(circle, #06b6d4 0%, transparent 70%);
    top: 40%;
    left: 30%;
    animation-delay: -10s;
    animation-duration: 35s;
    opacity: 0.1;
}

@keyframes blob-float {
    0% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(5%, 10%) scale(1.1); }
    66% { transform: translate(-5%, 5%) scale(0.9); }
    100% { transform: translate(0, 0) scale(1); }
}