.page-authentification {
    padding: 72px 0;
}

.section-authentification .conteneur {
    display: flex;
    justify-content: center;
}

.carte-authentification {
    width: min(100%, 680px);
    background: var(--blanc);
    border: 1px solid var(--bordure);
    border-radius: var(--rayon);
    box-shadow: var(--ombre);
    padding: 40px;
}

.texte-introduction {
    margin-top: 12px;
    margin-bottom: 28px;
}

.champ-formulaire {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.champ-formulaire label {
    font-weight: 600;
}

.champ-formulaire input {
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid var(--bordure);
    border-radius: 10px;
    font: inherit;
    background: #fff;
}

.champ-formulaire input:focus {
    outline: none;
    border-color: var(--bleu-principal);
}

.actions-formulaire {
    margin-top: 12px;
}

.message {
    padding: 14px 16px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.message--succes {
    background: #ebfff1;
    border: 1px solid #b9e7c8;
}

.message--erreur {
    background: #fff1f1;
    border: 1px solid #efc2c2;
}

.erreur-champ {
    font-size: 0.92rem;
    color: #b42318;
}