/* Animated gradient background */
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

body {
    background: linear-gradient(-45deg, #1a1a2e, #16213e, #0f3460, #1a1a2e);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

/* Subtle glow effect for the main content */
.text-center {
    text-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}

/* Smooth transitions for all interactive elements */
* {
    transition: all 0.3s ease;
}