/* Configurações Globais e de Fonte */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    /* O fundo do body continua sendo o escuro para a animação */
    background: #0f172a; 
    color: #333;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevenir scroll horizontal da animação */
}

/* Animação de Fundo (Mantida como solicitado) */
.bg-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.tracking-line {
    position: absolute;
    height: 2px;
    background: linear-gradient(90deg, transparent, #3b82f6, transparent);
    opacity: 0.3;
    animation: moveLine 8s linear infinite;
}

.tracking-line:nth-child(1) { top: 20%; animation-delay: 0s; }
.tracking-line:nth-child(2) { top: 40%; animation-delay: 2s; }
.tracking-line:nth-child(3) { top: 60%; animation-delay: 4s; }
.tracking-line:nth-child(4) { top: 80%; animation-delay: 6s; }

@keyframes moveLine {
    0% { left: -100%; width: 50%; }
    100% { left: 100%; width: 50%; }
}

.tracking-dot {
    position: absolute;
    width: 8px;
    height: 8px;
    background: #3b82f6;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.8);
    animation: moveDot 15s linear infinite;
}

.tracking-dot:nth-child(5) { animation-delay: 0s; }
.tracking-dot:nth-child(6) { animation-delay: 3s; }
.tracking-dot:nth-child(7) { animation-delay: 6s; }
.tracking-dot:nth-child(8) { animation-delay: 9s; }

@keyframes moveDot {
    0% { top: 10%; left: 5%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 90%; left: 95%; opacity: 0; }
}

.logo {
    display: block;
    margin: 40px auto 20px auto;
    max-width: 280px;
    position: relative;
    z-index: 1;
}

/* Container Principal (Cores Revertidas para o Original) */
.container {
    max-width: 800px;
    margin: 40px auto;
    padding: 20px 30px;
    /* A cor de fundo voltou a ser branca sólida */
    background-color: #ffffff; 
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}

/* Cabeçalho (Cores Revertidas para o Original) */
header {
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: center;
}

header h1 {
    font-size: 2em;
    color: #2c3e50;
    margin: 0;
}

header p {
    font-size: 0.9em;
    color: #7f8c8d;
    margin-top: 5px;
}

/* Seções (Cores Revertidas para o Original) */
section {
    margin-bottom: 30px;
}

section h2 {
    font-size: 1.5em;
    color: #34495e;
    border-bottom: 1px solid #ecf0f1;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 15px;
}

/* Parágrafos e Listas (Cores Revertidas para o Original) */
p, ul {
    font-size: 1em;
    color: #555;
}

ul {
    list-style-type: disc;
    padding-left: 20px;
}

ul li {
    margin-bottom: 10px;
}

strong {
    color: #333;
}

/* Links (Cores Revertidas para o Original) */
a {
    color: #3498db;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Rodapé (Cores Revertidas para o Original) */
footer {
    text-align: center;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    font-size: 0.9em;
    color: #95a5a6;
}

/* Responsividade para Dispositivos Móveis */
@media (max-width: 768px) {
    .container {
        margin: 20px;
        padding: 15px 20px;
    }

    header h1 {
        font-size: 1.8em;
    }

    section h2 {
        font-size: 1.3em;
    }
}