body.login main.content {
	min-height: 100vh;

	display: flex;
	align-items: center;
}

body.login main.content div.container {
	max-width: 20rem;

	margin: 0 auto;
}

body.login main.content div.container div.logo {
	display: flex;
	justify-content: center;
	align-items: center;

	margin-bottom: 1.5rem;
}

body.login main.content div.container div.logo img {
	height: 4rem;
}

body.login main.content div.container div.title h4 {
	font-weight: 600;
	font-size: 1.25rem;
}

body.login main.content div.container div.title h4 > span {
	color: var(--color-primary);
}

body.login main.content div.container .btn {
	width: 100%;
}

body.login main.content div.container div.or {
	display: flex;
	align-items: center;

	position: relative;

	color: var(--color-dark-56);
}

body.login main.content div.container div.or > span {
	display: inline-flex;

	margin: 0 0.5rem;

	font-weight: 500;
}

body.login main.content div.container div.or::after,
body.login main.content div.container div.or::before {
	content: "";

	width: 100%;
	height: 2px;

	background: var(--color-dark-16);
}

body.login main.content div.container div.terms {
	padding-top: 2rem;

	text-align: center;

	font-size: 0.8rem;

	color: var(--color-dark-56);
}

body.login main.content div.container div.terms a {
	color: var(--color-primary);
}