/* ═══ Connexion — Miss Mademoiselle ═══ */

.auth-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  background: var(--grad-hero);
}

.auth-card {
  width: 100%;
  max-width: 400px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  padding: 36px 32px;
  box-shadow: var(--shadow-lg);
  text-align: center;
}

.auth-couronne { font-size: 30px; margin-bottom: 6px; filter: drop-shadow(0 2px 8px rgba(193,59,160,.4)); }
.auth-titre { font-size: 24px; color: var(--or-lt); margin-bottom: 4px; }
.auth-sub { font-size: 12px; color: var(--text-3); margin-bottom: 22px; line-height: 1.5; }

.auth-card form { text-align: left; }
.auth-submit { width: 100%; justify-content: center; margin-top: 6px; }

.auth-lien { margin-top: 14px; font-size: 12px; }

.auth-separator {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 22px 0 14px;
  color: var(--text-3);
  font-size: 11px;
}
.auth-separator::before,
.auth-separator::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--border);
}