/* Layout styles: containers, sections, grids, and global backgrounds */
.page-glow {
	position: fixed;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	filter: blur(90px);
	opacity: 0.26;
	pointer-events: none;
	z-index: 0;
}

.page-glow-one {
	top: -90px;
	right: -90px;
	background: #4353ff;
}

.page-glow-two {
	bottom: 5%;
	left: -120px;
	background: var(--gold);
}

@media (max-width: 992px) {
	.page-glow {
		filter: none;
	}

	.page-glow-one {
		background: radial-gradient(circle, rgba(67, 83, 255, 0.72) 0%, rgba(67, 83, 255, 0.28) 38%, transparent 72%);
	}

	.page-glow-two {
		background: radial-gradient(circle, var(--gold) 0%, transparent 72%);
	}
}

main {
	position: relative;
	z-index: 1;
}

.section-shell {
	width: min(1160px, calc(100% - 48px));
	margin: 0 auto;
}

@media (max-width: 620px) {
	.section-shell {
		width: min(100% - 28px, 1160px);
	}
}