.animated-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    background-image: url('/images/bg-animated.jpg');
    background-size: 120% 120%;
    background-repeat: no-repeat;
    background-position: center;
    animation: bg-pan 30s ease-in-out infinite alternate;
    filter: blur(0px) brightness(0.95);
}

@keyframes bg-pan {
    from {
        background-position: 0% 50%;
        transform: scale(1);
    }
    to {
        background-position: 100% 50%;
        transform: scale(1.05);
    }
}

.main-content {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    backdrop-filter: blur(2px);
}

.animated-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            rgba(255,255,255,0.6),
            rgba(255,255,255,0.9)
    );
}