body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family: Arial, sans-serif;
    
    /* Enhanced animated gradient background */
    background: linear-gradient(130deg, #ff4b1f, #1fddff, #8e2de2, #ff416c);
    background-size: 600% 600%;
    animation: gradientShift 20s ease infinite;
}

body::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
}

/* Animation keyframes for fluid movement */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    25% {
        background-position: 50% 100%;
    }
    50% {
        background-position: 100% 50%;
    }
    75% {
        background-position: 50% 0%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.background-squares {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.background-squares::before,
.background-squares::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.07);
    box-shadow:
        50vw 10vh 0 0 rgba(255, 255, 255, 0.07),
        80vw 30vh 0 0 rgba(255, 255, 255, 0.07),
        20vw 70vh 0 0 rgba(255, 255, 255, 0.07),
        60vw 50vh 0 0 rgba(255, 255, 255, 0.07),
        30vw 90vh 0 0 rgba(255, 255, 255, 0.07),
        90vw 80vh 0 0 rgba(255, 255, 255, 0.07);
    animation: floatSquares 20s linear infinite;
}

.background-squares::after {
    animation-delay: 10s;
}

@keyframes floatSquares {
    0% {
        transform: translateY(0) rotate(0deg);
    }
    100% {
        transform: translateY(-100vh) rotate(360deg);
    }
}

.container {
    text-align: center;
    position: relative;
    z-index: 1;
}
        .logo {
            max-width: 200px;
            margin-bottom: 20px;
        }
        .slogan {
            font-size: 2rem;
            color: #FFF;
	    font-family: "Bebas Neue", serif;
            font-style: normal;
            margin-bottom: 10px;
        }
        h1 {
            font-size: 4rem;
            color: #FFF;
	      font-family: "Bebas Neue", serif;
              font-style: normal;
            margin-bottom: 20px;
        }
        .social-links a {
            margin: 0 10px;
            color: #FFF;
            font-size: 1.5rem;
            text-decoration: none;
            transition: color 0.3s;
        }
        .social-links a:hover {
            color: #FFF;
        }