body {
	background: radial-gradient(120% 80% at 50% 0%, #0f2747 0%, var(--deep) 60%);
}
.wrap {
	min-height: calc(100dvh - 3px);
	display: grid;
	place-items: center;
	padding: 20px 16px;
}
.box {
	width: min(400px, 100%);
	padding: 28px 22px;
	display: grid;
	gap: 14px;
	box-shadow: 0 20px 50px -18px rgb(0 0 0 / 0.6);
	border: 0;
}
.logo {
	width: 132px;
	height: 132px;
	border-radius: 22px;
	justify-self: center;
	object-fit: cover;
	box-shadow: 0 10px 26px -10px rgb(0 18 42 / 0.6);
}
h1 {
	text-align: center;
	margin: 0;
	font-size: 22px;
	color: var(--navy);
	letter-spacing: -0.01em;
}
#sub {
	margin: -8px 0 4px;
	text-align: center;
}