/* Fundo animado estilo espaço */
.space-background {
    position: relative;
    height: 100vh;
    background: radial-gradient(circle, #1d3645, #000000);
    overflow: hidden;
}

.space-background::before, 
.space-background::after, 
.space-background .stars {
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    background: #ffffff;
    border-radius: 50%;
    animation: animate-stars 15s linear infinite;
}

.space-background::before {
    box-shadow: 0 0 2px #ffffff, 100px 200px 2px #ffffff, 
                200px 300px 2px #ffffff, 400px 500px 2px #ffffff;
    animation-duration: 10s;
}

.space-background::after {
    box-shadow: 50px 100px 2px #ffffff, 150px 250px 2px #ffffff, 
                350px 450px 2px #ffffff, 450px 550px 2px #ffffff;
    animation-duration: 20s;
}

.space-background .stars {
    box-shadow: 80px 120px 2px #62b5e5, 180px 280px 2px #ffffff, 
                280px 380px 2px #ffffff, 480px 580px 2px #62b5e5;
    animation-duration: 12s;
}

/* Animação das estrelas */
@keyframes animate-stars {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-300px) rotate(360deg) scale(1.5);
    }
    100% {
        transform: translateY(-600px) rotate(720deg) scale(1);
    }
}

/* Estilo do logo e mensagem */
.logo-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #ffffff;
}

.logo {
    max-width: 400px; /* Logo maior */
    animation: pulse 3s infinite;
}

/* Mensagem de construção */
.construction-message {
    margin-top: 20px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #62b5e5;
    animation: fade-in 2s ease-in-out infinite alternate;
}

/* Pulsações