/* Connexion : le texte à gauche, les fournisseurs à droite ; empilés sous 960 px. */
.account-page { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); gap: 56px; align-items: start; padding-block: 56px 80px; }
.account-page .switch { margin-top: 20px; color: var(--text-2); max-width: 52ch; }
.providers-card { display: grid; gap: 18px; padding: 24px; border: 1px solid var(--line-strong); border-radius: 14px; background: var(--panel); }
.providers { list-style: none; display: grid; gap: 10px; }
.btn.provider { width: 100%; justify-content: center; gap: 12px; padding-block: 13px; }
.btn.provider svg { width: 20px; height: 20px; flex: none; }
.legal-note { font-size: 13px; color: var(--text-3); }
.legal-note a { color: inherit; }
@media (max-width: 960px) {
  .account-page { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 560px) {
  .account-page { padding-block: 40px 56px; }
  .providers-card { padding: 18px; }
}