body {
    font-family: 'Roboto', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #070d1d;
    color: white;
}

.platform-image {
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.container {
    text-align: center;
}

#logo {
    max-width: 200px;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


#empire-of-agency {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    background: linear-gradient(45deg,
            #eeb158,
            /* Orange doré original */
            #efaf57,
            /* Orange clair original */
            #f0af5b,
            /* Orange doré clair original */
            #dab66c,
            /* Doré original */
            #f2a540,
            /* Orange vif */
            #e8b973,
            /* Beige doré */
            #ffc87c,
            /* Pêche clair */
            #d4a76a,
            /* Caramel */
            #ffcb69,
            /* Jaune miel */
            #e6ae4f,
            /* Or foncé */
            #f7c331,
            /* Jaune moutarde */
            #c69c6d,
            /* Brun clair */
            #ffd700
            /* Or pur */
        );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: gradient 10s ease infinite;
    background-size: 300% 300%;
}

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

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.subtitle {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.message {
    margin-bottom: 1rem;
}

.social-icons {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}

.social-icons a {
    font-size: 1.5rem;
    color: #333;
    transition: color 0.3s ease;
}

.social-icons a:hover {
    color: #007bff;
}