body {
	background: #000;
	color: #ccc;
}

/* Animatable angle for the rotating conic-gradient border. */
@property --angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}

main {
	position: relative;
	background: #222 !important;
}

/* ::before = crisp rotating rainbow edge ring; ::after = soft blurred halo.
   The opaque #222 panel covers the gradient center, leaving only the inset
   overhang visible as a sharp ring around the card. */
main:before,
main:after {
	content: "";
	position: absolute;
	inset: -3px;
	background: conic-gradient(
		from var(--angle),
		#fb0094,
		#00ff00,
		#ffff00,
		#ff0000,
		#0000ff,
		#00ff00,
		#fb0094
	);
	border-radius: 1em;
	z-index: -1;
	animation: glow-spin 6s linear infinite;
	pointer-events: none;
}

main:after {
	inset: -8px;
	filter: blur(45px);
	opacity: 0.55;
}

@keyframes glow-spin {
	from {
		--angle: 0deg;
	}
	to {
		--angle: 360deg;
	}
}

@media (prefers-reduced-motion: reduce) {
	main:before,
	main:after {
		animation: none;
	}
}

a:link,
a:visited {
	color: #ccc;
	text-decoration-color: #ccc;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}
a:hover,
a:active {
	color: #fff;
	text-decoration-color: #fff;
	text-decoration: none;
	border-bottom: 2px solid #fff;
}

.fa-badge-check,
.omg-verified {
	color: #945b85 !important;
}

.omg-icon {
	color: #ccc;
	fill: #ccc;
	stroke: #ccc;
}