@charset "utf-8";

body {
	background:
		radial-gradient(900px 620px at 15% 10%, rgba(173, 229, 255, .24), transparent 62%),
		radial-gradient(1100px 780px at 82% 34%, rgba(37, 116, 210, .28), transparent 64%),
		radial-gradient(800px 620px at 50% 100%, rgba(255, 255, 255, .10), transparent 68%),
		linear-gradient(135deg, #020817 0%, #041531 46%, #062B5F 100%);
	min-height: 100vh;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: -1;
	background:
		radial-gradient(circle at 50% 18%, rgba(221, 247, 255, .16), transparent 34%),
		radial-gradient(circle at 74% 56%, rgba(67, 184, 255, .16), transparent 42%),
		radial-gradient(circle at 18% 78%, rgba(0, 79, 160, .22), transparent 46%);
	filter: blur(22px);
	opacity: .95;
}

body::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: -2;
	background:
		linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
	background-size: 44px 44px;
	mask-image: radial-gradient(circle at center, black, transparent 74%);
}

.footer {
	margin: 32px 0 12px;
	color: rgba(226, 241, 255, .86);
	font-size: 1rem;
	text-align: center;
}