/* Zera os espaços padrão do navegador */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Configuração do fundo e centralização perfeita */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #121212; /* Fundo escuro bem elegante */
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Ocupa 100% da altura da tela */
    text-align: center;
}

.container {
    padding: 20px;
}

/* Configuração da Logo Grande */
.logo {
    max-width: 350px; /* Tamanho máximo da logo */
    width: 100%; /* Garante que não vaze a tela no celular */
    height: auto;
    margin-bottom: 30px;
    animation: pulse 3s infinite; /* Efeito suave de pulsação */
}

h1 {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color: #760c8b; /* Uma cor de destaque (um tom de ciano) */
}

p {
    font-size: 1.2rem;
    color: #a6a6a6;
}

/* Animação para a logo */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}