#login-form, 
#signup-form {
	display: none;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
}
#login-form.show,
#signup-form.show {
	display: flex;
}
#login-form label,
#signup-form label,
#login-form input,
#signup-form input {
	display: block;
}

.auth-card {
	max-width: 420px;
	margin: 2rem auto;
	padding: 1.5rem;

	border: 1px solid #444;
	border-radius: 8px;
}
.auth-mode-switch {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}
.auth-mode-switch button {
	width: 100%;
	height: 100%;
}

main {
	display: block;
}