.wlc-overlay {
	color-scheme: dark !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: rgba(4, 4, 5, 0.78) !important;
	-webkit-backdrop-filter: blur(3px) !important;
	backdrop-filter: blur(3px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	z-index: 999999 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.wlc-overlay-transparent {
	background: transparent !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

@keyframes wlc-pulse-glow {
	0%, 100% {
		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 0 0 0 rgba(37, 211, 102, 0.35);
	}
	50% {
		box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 0 0 8px rgba(37, 211, 102, 0);
	}
}

.wlc-modal {
	color-scheme: dark !important;
	background: rgba(24, 26, 27, 0.82) !important;
	-webkit-backdrop-filter: blur(18px) saturate(160%) !important;
	backdrop-filter: blur(18px) saturate(160%) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 16px !important;
	width: 300px !important;
	max-width: 90vw !important;
	padding: 20px !important;
	margin: 0 !important;
	position: relative;
	box-sizing: border-box !important;
	font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	animation: wlc-pulse-glow 2.6s ease-in-out infinite !important;
}

@media (min-width: 783px) {
	.wlc-modal {
		width: 520px !important;
		padding: 28px !important;
	}
	.wlc-body {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 24px !important;
	}
	.wlc-header {
		margin: 0 !important;
		flex: 0 0 auto !important;
		padding-right: 24px !important;
		border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
	}
	.wlc-form {
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}
	.wlc-title {
		font-size: 16px !important;
	}
	.wlc-submit {
		height: 46px !important;
		font-size: 15px !important;
	}
}

.wlc-modal * {
	box-sizing: border-box !important;
}

.wlc-close {
	position: absolute !important;
	top: 8px !important;
	right: 10px !important;
	background: transparent !important;
	border: none !important;
	font-size: 18px !important;
	line-height: 1 !important;
	cursor: pointer !important;
	color: rgba(255, 255, 255, 0.55) !important;
	padding: 4px !important;
	box-shadow: none !important;
	width: auto !important;
	height: auto !important;
}

.wlc-close:hover {
	color: rgba(255, 255, 255, 0.9) !important;
}

.wlc-header {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 0 16px !important;
}

@keyframes wlc-pulse-icon {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.08);
	}
}

.wlc-icon {
	width: 40px !important;
	height: 40px !important;
	min-width: 40px !important;
	border-radius: 50% !important;
	background: #25d366 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffffff !important;
	font-size: 20px !important;
	flex-shrink: 0 !important;
	animation: wlc-pulse-icon 1.8s ease-in-out infinite !important;
}

.wlc-title {
	font-weight: 600 !important;
	font-size: 14px !important;
	color: #ffffff !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}

.wlc-subtitle {
	font-size: 12px !important;
	color: rgba(255, 255, 255, 0.55) !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}

.wlc-label {
	font-size: 12px !important;
	color: rgba(255, 255, 255, 0.7) !important;
	display: block !important;
	margin: 0 0 6px !important;
}

.wlc-input {
	width: 100% !important;
	padding: 10px 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	margin: 0 0 6px !important;
	background: rgba(255, 255, 255, 0.06) !important;
	color: #ffffff !important;
	height: auto !important;
	box-shadow: none !important;
	outline: none !important;
}

.wlc-input::placeholder {
	color: rgba(255, 255, 255, 0.35) !important;
}

.wlc-input:focus {
	border-color: rgba(37, 211, 102, 0.6) !important;
}

.wlc-input.wlc-error {
	border-color: #ff6b6b !important;
}

.wlc-error-msg {
	color: #ff8080 !important;
	font-size: 12px !important;
	margin: 0 0 10px !important;
	display: none !important;
}

.wlc-error-msg.wlc-visible {
	display: block !important;
}

.wlc-submit {
	width: 100% !important;
	background: #25d366 !important;
	color: #0b1f14 !important;
	border: none !important;
	border-radius: 8px !important;
	height: 42px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	margin: 6px 0 0 !important;
	box-shadow: none !important;
	transition: background 0.15s ease !important;
}

.wlc-submit:hover {
	background: #1fb959 !important;
}

.wlc-submit:disabled {
	opacity: 0.6 !important;
	cursor: default !important;
}
