html, body {
	height: 100%;
	margin: 0;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	background: radial-gradient(circle at 50% 35%, #1a1c20 0%, #0e0f11 65%, #050506 100%);
	position: relative;
	overflow: hidden;
}

body::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M0 100 L100 0 L200 100 L100 200Z' stroke='%23222427' stroke-width='0.5' fill='none'/%3E%3C/svg%3E");
	opacity: .06;
	background-size: 160px 160px;
	pointer-events: none;
}

.logo-wrap::before {
	content: "";
	position: absolute;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,0.06), transparent 70%);
	filter: blur(40px);
	z-index: -1;
}

.logo-wrap {
	position: relative;
	z-index: 10;
}

.logo {
	width: 200px;
	filter: invert(100%) brightness(150%) contrast(120%);
}