/* ==========================================================================
   E3 Connect Hub – Login page background
   Uses the E3 2026 registration key visual's background (logos, text and
   buttons removed) as images/login-bg.jpg, plus the dotted grid and frame.
   Loaded after e3-hybrid.css. Applies to the Login page only.
   ========================================================================== */

.e3-screen:has(.e3-login) {
	position: relative;
	overflow: hidden;
	background: #1D3BE0 url("../images/login-bg.jpg") center / cover no-repeat;
}

/* Dotted grid, top right */
.e3-screen:has(.e3-login)::after {
	content: "";
	position: absolute;
	top: 34px;
	right: 34px;
	width: 220px;
	height: 120px;
	pointer-events: none;
	background-image: radial-gradient(rgba(255, 255, 255, .55) 1.4px, transparent 1.7px);
	background-size: 14px 14px;
	-webkit-mask-image: linear-gradient(200deg, #000 20%, transparent 85%);
	mask-image: linear-gradient(200deg, #000 20%, transparent 85%);
}

@media (max-width: 600px) {
	.e3-screen:has(.e3-login) { background-position: 18% center; }
	.e3-screen:has(.e3-login)::after { display: none; }
}