html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #ffffff;
}


    /* Animação fade-in */
        .fade-in {
            animation: fadeIn 0.8s ease-in-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        /* Layout básico */
        .login-container {
            display: flex;
            height: 100vh;
        }
        .login-left {
            flex: 1;
            background: #0d6efd; /* Azul */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .login-left img {
            max-width: 70%;
        }
        .login-right {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        .login-card {
            width: 350px;
            padding: 50px;
            background: #fff;
            box-shadow: 0 0 10px rgba(0,0,0,0.2);
            border-radius: 8px;
        }
        
        .login-igreja {
    width: 650px;
    padding: 40px 60px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    border-radius: 8px;
    margin: 40px auto;
    overflow-y: auto;
}
        .login-card h2 {
            text-align: center;
            margin-bottom: 20px;
        }
        .login-input {
            width: 100%;
            margin-bottom: 15px;
        }
        .login-btn {
            width: 100%;
        }
        
        
        /* CONTAINER EM TELAS IGUAIS 50/50 */
.login-container {
    display: flex;
    width: 100%;
    height: 100vh;
}

/* BLOCO ESQUERDO — TELA CHEIA */
.login-left {
    width: 60%;
    background: #0066ff; /* azul como sua imagem */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

/* Centraliza a imagem */
.logo-center {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* BLOCO DIREITO */
.login-right {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* CARD DE LOGIN */
.login-card {
    width: 400px;
    padding: 30px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 0 25px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Inputs */
.login-input {
    width: 100%;
    margin-bottom: 12px;
}

/* Botão entrar */
.login-btn {
    width: 100%;
}

/* Botão cadastrar */
.login-btn-secondary {
    width: 100%;    
    margin-top: 12px;
    background-color: #0066cc !important;
    color: white !important;
    border-radius: 8px !important;
}

.button-row { width:100%; display:flex; gap:10px; }
.button-row h\\:form { flex: 1; margin: 0; } /* aplica ao form dentro do row */