/* 1. CONFIGURAÇÃO DO BACKGROUND COM IMAGEM E OVERLAY */
body {
    font-family: 'Inter', sans-serif;
    
    /* O linear-gradient atua como uma película escura por cima da imagem. 
       Troque o link dentro de url() pela sua imagem */
    background: 
        linear-gradient(135deg, rgba(26, 27, 130, 0.85) 0%, rgba(10, 10, 30, 0.95) 100%),
        url('/assets/img/background.jpg') no-repeat center center fixed;
    
    background-size: cover;          /* Faz a imagem cobrir a tela toda */
    background-position: center;     /* Centraliza a imagem */
    background-attachment: fixed;    /* Deixa o fundo fixo ao rolar a página */
    background-repeat: no-repeat;
    
    color: #ffffff; /* Muda o texto geral para branco */
    min-height: 100vh;
    display: flex;
    align-items: center;
}

/* 2. AJUSTE DE CORES PARA A COLUNA DA ESQUERDA (TEXTOS) */
/* Como o fundo agora é escuro, os textos da esquerda precisam ser claros */
h1.text-brand {
    color: #ffffff !important; 
}

.text-muted {
    color: #e0e0e0 !important; /* Deixa o texto de apoio um cinza bem claro */
}

.list-check li::before {
    color: #4da6ff; /* Muda o ícone de 'check' para um azul claro que destaque no fundo escuro */
}

/* 3. MANTER O FORMULÁRIO BRANCO COM TEXTO ESCURO (LEITURA FÁCIL) */
.form-card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25); /* Sombra um pouco mais forte */
    border: 1px solid rgba(255,255,255,0.1);
    color: #2b2b2b; /* Força o texto dentro do card a ser escuro */
}

.form-card .text-brand {
    color: #1a1b82 !important; /* Mantém o título do formulário com o azul original */
}

.form-card .text-muted {
    color: #6c757d !important; /* Mantém o subtítulo do form cinza escuro */
}

/* ========================================= */
/* O RESTANTE DO SEU CSS CONTINUA IGUAL AQUI */
/* ========================================= */
.bg-brand {
    background-color: #1a1b82;
}

.btn-brand {
    background: linear-gradient(90deg, #1a1b82 0%, #3b3cbd 100%);
    color: white;
    font-weight: 600;
    border: none;
    padding: 12px;
    transition: all 0.3s ease;
}

.btn-brand:hover {
    background: linear-gradient(90deg, #10115c 0%, #1a1b82 100%);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(26, 27, 130, 0.3);
}

.btn-brand:disabled {
    background: #7a7a7a;
    transform: none;
    box-shadow: none;
}

.form-control, .form-select {
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #ced4da;
}

.form-control:focus, .form-select:focus {
    border-color: #1a1b82;
    box-shadow: 0 0 0 0.25rem rgba(26, 27, 130, 0.25);
}

.list-check li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
}
/* Animação suave para a tela de sucesso */
.fadeIn {
    animation: fadeInAnimation 0.5s ease-in forwards;
}

@keyframes fadeInAnimation {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}