/* ================================================
   PAGE CONNEXION / INSCRIPTION
   ================================================ */

.connexion-onglets {
  display: flex;
  gap: 0;
  margin-bottom: var(--espace-l);
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.connexion-onglet {
  flex: 1;
  padding: 10px;
  text-align: center;
  color: var(--blanc-discret);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: color var(--transition), border-color var(--transition);
}

.connexion-onglet:hover {
  color: var(--blanc);
  text-decoration: none;
}

.connexion-onglet.actif {
  color: var(--blanc);
  border-bottom-color: var(--blanc);
}

.connexion-onglet:visited {
  color: var(--blanc-discret);
}

.connexion-form {
  display: flex;
  flex-direction: column;
  gap: var(--espace-m);
  max-width: 480px;
}

.connexion-actions {
  display: flex;
  align-items: center;
  gap: var(--espace-l);
  margin-top: var(--espace-s);
}

.connexion-oublie {
  font-size: 13px;
  color: var(--blanc-discret);
}

.connexion-oublie:hover {
  color: var(--blanc);
}