#email-signup-modal {
	position: fixed;
	z-index: 9999;
	left: 0; top: 0; right: 0; bottom: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.45);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.3s;
}
#email-signup-modal[style*='display: none'] {
	 opacity: 0; 
	 pointer-events: none; 
}
.email-signup-modal-content {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0,0,0,0.18);
	padding: 2.5em 1.5em 2em 1.5em;
	max-width: 95vw;
	width: 600px;
	position: relative;
	text-align: center;
	animation: modal-pop 0.3s cubic-bezier(.4,2,.6,1) 1;
}
.email-signup-modal-close {
	position: absolute;
	top: 0.7em;
	right: 0.7em;
	background: none;
	border: none;
	font-size: 2em;
	color: #888;
	cursor: pointer;
	line-height: 1;
	z-index: 2;
}
.email-signup-modal-close:hover { 
	color: #2b669e; 
}
#modal-signup-message {
	margin-top: 1em;
	color: #2b669e;
	min-height: 1.5em;
	font-size: 1em;
}
.email-signup-modal-content .logo {
	height: min(300px, 60vh);
}

@media (max-width: 600px) {
	.email-signup-modal-content {
		width: 100vw;
		min-height: 100vh;
		max-width: 100vw;
		border-radius: 0;
		padding: 2.5em 1em 2em 1em;
		justify-content: center;
		box-shadow: none;
	}
	#email-signup-modal {
		align-items: flex-start;
		padding-top: 10vh;
	}
}
@keyframes modal-pop {
	0% { transform: scale(0.9); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}