.login-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-box {
	width: 50%;
}

.login-box h2 {
	color: #fff;
	margin-bottom: 20px;
}

.login-box input {
	width: 100%;
	padding: var(--spacing-medium);
	margin-bottom: var(--spacing-medium);
	border: none;
	border-radius: var(--spacing-small);
	box-sizing: border-box;
}

.login-box button {
	width: 100%;
	padding: var(--spacing-small);
	margin: 0;
	box-sizing: border-box;
}

.remember {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	/* contrôle précis de l’espace */
	white-space: nowrap;
	width: 100%;
}

.remember input[type="checkbox"] {
	margin: 0;
	width: auto;
	/* CRUCIAL */
}

.remember label {
	cursor: pointer;
}

.links a {
	color: var(--primary-color);
	font-size: 14px;
	text-decoration: none;
}

/* Autofill fix */
.login-box input:-webkit-autofill,
.login-box input:-webkit-autofill:hover,
.login-box input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px var(--primary-color) inset !important;
	-webkit-text-fill-color: var(--border-color) !important;
}