/* Đổi màu bằng cách ghi đè trong theme: :root { --mpg-c: 247, 160, 45; --mpg-b: 240, 120, 30; } (giá trị R, G, B) */
:root {
	--mpg-c: 247, 160, 45;
	--mpg-b: 240, 120, 30;
}

.mpg-host {
	position: relative;
	isolation: isolate;
}

.mpg-layer {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}

.mpg-glow {
	position: absolute;
	border-radius: 50%;
	filter: blur(70px);
	opacity: var(--o, .2);
	will-change: transform;
	animation: mpgDrift var(--t, 26s) ease-in-out infinite;
	animation-delay: var(--dl, 0s);
}
.mpg-glow--c { background: radial-gradient(circle, rgba(var(--mpg-c), .9), rgba(var(--mpg-c), 0) 68%); }
.mpg-glow--b { background: radial-gradient(circle, rgba(var(--mpg-b), .75), rgba(var(--mpg-b), 0) 68%); }

@keyframes mpgDrift {
	0%, 100% { transform: translate(0, 0) scale(1); }
	50% { transform: translate(var(--dx, 40px), -30px) scale(1.06); }
}

@media (prefers-reduced-motion: reduce) {
	.mpg-glow { animation: none; will-change: auto; }
}