/*
 * PAA Login Particles — canvas background layer for the logged-out Academy login lane.
 * The canvas sits fixed behind the login form; the form content is lifted above it.
 * Apply the body class `paa-login-surface` (or scope to your login page) when enqueuing.
 */

#paa-login-particles {
	position: fixed;
	inset: 0;
	z-index: 1;
	display: block;
	width: 100vw;
	height: 100dvh;
	pointer-events: none;
	mix-blend-mode: screen;
	opacity: 0.92;
}

/* Lift the login content above the particle layer. */
.paa-login-surface .bb-grid.site-content-grid,
.paa-login-surface #primary,
.paa-login-surface #main,
.paa-login-surface .bsMyAccount {
	position: relative;
	z-index: 2;
}

/* Respect reduced-motion: the JS renders nothing, so hide the empty canvas too. */
@media (prefers-reduced-motion: reduce) {
	#paa-login-particles {
		display: none;
	}
}