@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap");

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget {
	position: relative;
	overflow: hidden;
	background: linear-gradient(145deg, #3b73f2 0%, #1a56db 52%, #1446c8 100%);
	border-radius: 24px;
	padding: 28px 24px;
	color: #ffffff;
	box-shadow: 0 16px 40px rgba(26, 86, 219, 0.32);
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget.is-sending {
	overflow: visible;
	z-index: 2;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget::before {
	content: "";
	position: absolute;
	top: -45%;
	right: -18%;
	width: 62%;
	height: 90%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.14) 0%, transparent 68%);
	pointer-events: none;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__title {
	position: relative;
	margin: 0 0 10px;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.25;
	color: #ffffff;
	letter-spacing: -0.01em;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__description {
	position: relative;
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__form {
	position: relative;
	display: block;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 56px;
	padding-block: 5px;
	padding-inline: 18px 5px;
	border-radius: 999px;
	background: #ffffff;
	box-shadow:
		0 2px 8px rgba(15, 23, 42, 0.06),
		0 8px 24px rgba(15, 23, 42, 0.08);
	transition: box-shadow 0.2s ease;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget.is-rtl .atlasnic-newsletter-widget__input-row,
[dir="rtl"] .elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row {
	direction: ltr;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row:focus-within {
	box-shadow:
		0 0 0 3px rgba(255, 255, 255, 0.28),
		0 2px 8px rgba(15, 23, 42, 0.06),
		0 8px 24px rgba(15, 23, 42, 0.1);
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__field {
	flex: 1 1 auto;
	min-width: 0;
	border: none;
	background: transparent;
	padding: 12px 0;
	font: inherit;
	font-size: 14px;
	line-height: 1.2;
	color: #1e293b;
	outline: none;
	transition: opacity 0.2s ease;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget.is-rtl .atlasnic-newsletter-widget__field,
[dir="rtl"] .elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__field {
	direction: rtl;
	text-align: right;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__field::placeholder {
	color: #94a3b8;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-wrap {
	position: relative;
	display: block;
	flex: 0 0 134px;
	width: 134px;
	height: 46px;
	border-radius: 999px;
	background: linear-gradient(180deg, #eef2ff 0%, #dce6ff 100%);
	border: 1px solid rgba(79, 103, 235, 0.14);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
	overflow: hidden;
	cursor: pointer;
	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		background 0.18s ease;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget.is-rtl .atlasnic-newsletter-widget__send-wrap,
[dir="rtl"] .elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-wrap {
	flex-basis: 148px;
	width: 148px;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-wrap:hover {
	background: linear-gradient(180deg, #e4ebff 0%, #d0dcff 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.9),
		0 4px 14px rgba(79, 103, 235, 0.22);
	transform: translateY(-1px);
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-wrap:active {
	transform: translateY(0);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

/* Idle: crop full animation canvas to the Send button area. */
.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-svg {
	position: absolute;
	left: -99px;
	top: -109px;
	display: block;
	width: 333px;
	height: 257px;
	max-width: none;
	pointer-events: none;
}

.elementor-widget-atlasnic-newsletter .atlasnic-ns-base {
	cursor: pointer;
	pointer-events: auto;
	outline: none;
}

.elementor-widget-atlasnic-newsletter .atlasnic-ns-base:focus,
.elementor-widget-atlasnic-newsletter .atlasnic-ns-base:focus-visible {
	outline: none;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-wrap:focus {
	outline: none;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-wrap:focus-visible {
	outline: 2px solid rgba(79, 103, 235, 0.45);
	outline-offset: 2px;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sending .atlasnic-newsletter-widget__send-wrap:focus-visible,
.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sent .atlasnic-newsletter-widget__send-wrap:focus-visible {
	outline: none;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-svg:focus,
.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-svg *:focus {
	outline: none;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sent .atlasnic-ns-route {
	opacity: 0;
	visibility: hidden;
}

.elementor-widget-atlasnic-newsletter .atlasnic-ns-btn-base {
	fill: transparent;
}

.elementor-widget-atlasnic-newsletter .atlasnic-ns-btn-shadow {
	filter: none;
}

/* Animation: expand SVG over the whole input pill. */
.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sending,
.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sent {
	overflow: visible;
	z-index: 3;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sending .atlasnic-newsletter-widget__field,
.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sent .atlasnic-newsletter-widget__field {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sending .atlasnic-newsletter-widget__send-wrap,
.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sent .atlasnic-newsletter-widget__send-wrap {
	position: absolute;
	inset: -100px 0;
	width: 100%;
	height: calc(100% + 200px);
	flex: none;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
	transform: none;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sending .atlasnic-newsletter-widget__send-wrap:hover,
.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sent .atlasnic-newsletter-widget__send-wrap:hover {
	transform: none;
	box-shadow: none;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sending .atlasnic-newsletter-widget__send-svg,
.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sent .atlasnic-newsletter-widget__send-svg {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: auto;
	aspect-ratio: 1400 / 1080;
	max-height: none;
	transform: translateY(-50%);
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sending .atlasnic-ns-btn-base,
.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row.is-sent .atlasnic-ns-btn-base {
	fill: #eef2ff;
}

.elementor-widget-atlasnic-newsletter .atlasnic-ns-hidden {
	visibility: hidden;
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__message {
	position: relative;
	margin: 12px 0 0;
	font-size: 13px;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.95);
}

.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__message.is-error {
	color: #ffe4e6;
}

.elementor-widget-atlasnic-newsletter:has(.atlasnic-newsletter-widget.is-sending),
.elementor-widget-atlasnic-newsletter:has(.atlasnic-newsletter-widget__input-row.is-sent) {
	overflow: visible;
}

.elementor-widget-atlasnic-newsletter:has(.atlasnic-newsletter-widget.is-sending) .elementor-widget-container,
.elementor-widget-atlasnic-newsletter:has(.atlasnic-newsletter-widget__input-row.is-sent) .elementor-widget-container {
	overflow: visible;
}

@media (max-width: 767px) {
	.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget {
		padding: 22px 18px;
		border-radius: 20px;
	}

	.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__title {
		font-size: 1.2rem;
	}

	.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__description {
		font-size: 13px;
		margin-bottom: 16px;
	}

	.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__input-row {
		min-height: 52px;
		padding-block: 4px;
		padding-inline: 14px 4px;
		gap: 8px;
	}

	.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-wrap {
		flex-basis: 120px;
		width: 120px;
		height: 42px;
	}

	.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget.is-rtl .atlasnic-newsletter-widget__send-wrap,
	[dir="rtl"] .elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-wrap {
		flex-basis: 132px;
		width: 132px;
	}

	.elementor-widget-atlasnic-newsletter .atlasnic-newsletter-widget__send-svg {
		left: -89px;
		top: -100px;
		width: 298px;
		height: 230px;
	}
}