html,
body {
	height: 100%;
}

body {
	margin: 0;
	background:
		linear-gradient(
			160deg,
			var(--nnax-primary-gradient-top-left-alpha) 0%,
			var(--nnax-primary-gradient-top-right-alpha) 100%
		),
		var(--nnax-primary-background-image) center / cover no-repeat;
	color: var(--nnax-primary-text-color);
	background-size: cover;
	font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", Arial, "Apple Color Emoji", "Segoe UI Emoji";
}

.wrap {
	min-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6rem 1.25rem;
}

.hero {
	max-width: 720px;
	text-align: center;
}

.brand {
	font-weight: 800;
	letter-spacing: 0.02em;
}

.brand span {
	background: linear-gradient(
		90deg,
		var(--nnax-primary-gradient-bottom-left) 0%,
		var(--nnax-primary-gradient-bottom-right) 100%
	);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

h1.uk-heading-medium,
.subtle {
	color: var(--nnax-primary-text-color) !important;
}

.subtle {
	margin-top: 40px;
	margin-bottom: 40px;
}

.meta {
	margin-top: 2rem;
	font-size: 0.9rem;
	color: var(--nnax-primary-text-color);
}

.uk-link-muted:hover {
	color: var(--nnax-primary-text-color);
}

.footer {
	margin-top: 3.5rem;
	font-size: 0.85rem;
	color: var(--nnax-primary-text-color);
}

.nnax-sitelock-logo-img {
	max-height: 100px;
}