/* ═══ Inscription — 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-card-lg {
  max-width: 560px;
  text-align: left;
}
.auth-card-lg .auth-couronne,
.auth-card-lg .auth-titre,
.auth-card-lg .auth-sub {
  text-align: center;
}

@media (max-width: 560px) {
  .auth-card-lg .form-row { flex-direction: column; }
}