/* ===== PAGE DE CONNEXION ===== */
.login {
	display: grid;
	place-items: center;
	min-height: 100vh;
	min-height: 100dvh;
	padding-top: 24px;
	padding-bottom: calc(24px + env(safe-area-inset-bottom));
}

.login__card {
	width: 100%;
	max-width: 400px;
	padding: 24px 20px;
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
}

.login__brand { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; }
.login__logo { display: block; width: 32px; height: 32px; flex-shrink: 0; }
.login__name { font-family: var(--font-title); font-weight: 700; font-size: 18px; }

.login__title { font-size: 24px; font-weight: 700; line-height: 1.2; }
.login__sub { margin-top: 6px; color: var(--color-text-muted); }

.login__form { display: flex; flex-direction: column; gap: 18px; margin-top: 24px; }

@media (min-width: 768px) {
	.login__card { padding: 32px; }
}