/* Écran de connexion */
.login { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr); background: var(--blanc); }
.login__brand { display: flex; flex-direction: column; justify-content: space-between; padding: var(--s-7); border-right: 1px solid var(--trait); }
.login__logo { width: min(460px, 100%); height: auto; display: block; }
.login__baseline { font-family: var(--f-titre); font-size: var(--t-xl); line-height: 1.25; max-width: 18ch; margin: var(--s-7) 0 0; }
.login__legal { font-size: var(--t-xs); color: var(--brume); }
.login__form-wrap { display: flex; align-items: center; justify-content: center; padding: var(--s-6); background: var(--surface); }
.login__form { width: min(360px, 100%); display: flex; flex-direction: column; gap: var(--s-4); }
.login__form h1 { font-size: var(--t-lg); }
.login__form .btn { height: 44px; }
@media (max-width: 860px) {
  .login { grid-template-columns: 1fr; }
  .login__brand { padding: var(--s-5); border-right: 0; border-bottom: 1px solid var(--trait); }
  .login__baseline { margin-top: var(--s-4); font-size: var(--t-lg); }
  .login__legal { display: none; }
}