.npb-offer-hero,
.npb-offer-hero * {
	box-sizing: border-box;
}

.brxe-npb-offer-hero.npb-bricks-offer-hero {
	flex: 0 0 auto !important;
	align-self: center !important;
	width: min(100%, 824px) !important;
	min-width: 0 !important;
	max-width: 824px !important;
}

.npb-offer-hero [hidden] {
	display: none !important;
}

.npb-offer-hero .npb-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.npb-offer-hero {
	position: relative !important;
	display: block !important;
	contain: layout style paint;
	container-name: npb-hero;
	container-type: inline-size;
	width: 100% !important;
	max-width: 824px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 28px 20px 25px !important;
	margin: 0 auto !important;
	overflow: hidden !important;
	color: #fff !important;
	background: radial-gradient(circle at 14% 0, rgba(255,255,255,.32), transparent 38%), radial-gradient(circle at 92% 100%, rgba(45,198,83,.14), transparent 42%), linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.045)), rgba(8,66,41,.28) !important;
	-webkit-backdrop-filter: blur(28px) saturate(180%) brightness(1.08) !important;
	backdrop-filter: blur(28px) saturate(180%) brightness(1.08) !important;
	border: 1px solid rgba(255,255,255,.42) !important;
	border-radius: 20px !important;
	font-family: Inter, Arial, sans-serif !important;
	line-height: normal !important;
	text-align: center !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(255,255,255,.12), inset 1px 0 0 rgba(255,255,255,.18), 0 22px 60px rgba(2,31,20,.22) !important;
	isolation: isolate;
}

.npb-offer-hero::before {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	content: "" !important;
	background: linear-gradient(115deg, rgba(255,255,255,.18), transparent 24% 72%, rgba(255,255,255,.07)), radial-gradient(ellipse at 50% -28%, rgba(255,255,255,.3), transparent 55%) !important;
	pointer-events: none !important;
}

.npb-offer-hero > * {
	position: relative !important;
	z-index: 1 !important;
}

.npb-offer-hero .npb-offer-hero__title {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 0 24px !important;
	color: #fff !important;
	background: transparent !important;
	border: 0 !important;
	font: 700 clamp(24px, 7.2vw, 30px)/1.2 Inter, Arial, sans-serif !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-transform: none !important;
	text-shadow: none !important;
}

.npb-offer-hero .npb-offer-hero__form {
	position: relative !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: 60px 60px !important;
	grid-auto-flow: row !important;
	grid-auto-rows: auto !important;
	gap: 12px !important;
	width: 100% !important;
	max-width: 663px !important;
	padding: 0 !important;
	margin: 0 auto !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.npb-offer-hero .npb-offer-hero__form > input { grid-area: 1 / 1 !important; }
.npb-offer-hero .npb-offer-hero__form > button { grid-area: 2 / 1 !important; }
.npb-offer-hero .npb-offer-hero__form > .npb-field-error { grid-area: 3 / 1 !important; }
.npb-offer-hero .npb-offer-hero__form > :not(input):not(button):not(.npb-field-error) { grid-area: 1 / 1 !important; }

.npb-offer-hero .npb-offer-hero__form input,
.npb-offer-hero .npb-offer-hero__form button {
	position: static !important;
	float: none !important;
	display: flex !important;
	width: 100% !important;
	max-width: none !important;
	height: 60px !important;
	min-height: 60px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	border-radius: 6px !important;
	opacity: 1 !important;
	transform: none !important;
}

.npb-offer-hero .npb-offer-hero__form input {
	padding-right: 20px !important;
	padding-left: 20px !important;
	color: #1d1d1f !important;
	-webkit-text-fill-color: #1d1d1f !important;
	background: #fff !important;
	border: 1px solid #86868b !important;
	outline: 0 !important;
	font: 400 16px/normal Inter, Arial, sans-serif !important;
	letter-spacing: 0 !important;
	text-align: left !important;
	text-indent: 0 !important;
	box-shadow: none !important;
	appearance: none !important;
}

.npb-offer-hero .npb-offer-hero__form input::placeholder { color: #1d1d1f !important; opacity: 1 !important; }
.npb-offer-hero .npb-offer-hero__form input:focus { border-color: #054828 !important; outline: 3px solid rgba(45,198,83,.3) !important; outline-offset: 2px !important; }

.npb-offer-hero .npb-offer-hero__form button {
	align-items: center !important;
	justify-content: center !important;
	gap: 9px !important;
	padding-right: 24px !important;
	padding-left: 24px !important;
	color: #fff !important;
	background: #2dc653 !important;
	border: 0 !important;
	outline: 0 !important;
	font: 700 20px/normal Poppins, Arial, sans-serif !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: capitalize !important;
	text-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: background-color 160ms ease !important;
}

.npb-offer-hero .npb-offer-hero__form button:hover { color: #fff !important; background: #22ad47 !important; }
.npb-offer-hero .npb-offer-hero__form button:focus-visible { outline: 3px solid rgba(255,255,255,.75) !important; outline-offset: 3px !important; }
.npb-offer-hero .npb-offer-hero__form button span { color: inherit !important; font: inherit !important; white-space: nowrap !important; }
.npb-offer-hero .npb-offer-hero__arrow { display: block !important; flex: 0 0 14px !important; width: 14px !important; height: 10px !important; margin: 0 !important; }

.npb-offer-hero .npb-field-error {
	display: block !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #8f1d16 !important;
	font: 700 13px/1.35 Inter, Arial, sans-serif !important;
	text-align: left !important;
}

.npb-offer-hero .npb-field-error:empty { display: none !important; }

.npb-offer-hero .npb-offer-hero__trust {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 680px !important;
	padding: 0 !important;
	margin: 23px auto 0 !important;
	color: #fff !important;
	font: 400 11.5px/1.5 Inter, Arial, sans-serif !important;
	text-align: center !important;
}

.npb-offer-hero .npb-offer-hero__confidentiality {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 14px !important;
	width: 100% !important;
}

.npb-offer-hero .npb-offer-hero__trust p { padding: 0 !important; margin: 0 !important; color: #fff !important; font: inherit !important; text-align: center !important; }
.npb-offer-hero .npb-offer-hero__lock { display: inline-flex !important; flex: 0 0 27px !important; align-items: center !important; justify-content: center !important; width: 27px !important; height: 27px !important; background: #054828 !important; border-radius: 50% !important; }
.npb-offer-hero .npb-offer-hero__lock img { display: block !important; width: 14px !important; height: 18px !important; margin: 0 !important; }
.npb-offer-hero .npb-offer-hero__registration { text-transform: capitalize !important; }

@container npb-hero (min-width: 700px) {
	.npb-offer-hero .npb-offer-hero__form { grid-template-columns: 400px 249px !important; grid-template-rows: 60px !important; grid-auto-flow: column !important; gap: 14px !important; }
	.npb-offer-hero .npb-offer-hero__form > input { grid-area: 1 / 1 !important; }
	.npb-offer-hero .npb-offer-hero__form > button { grid-area: 1 / 2 !important; }
	.npb-offer-hero .npb-offer-hero__form > .npb-field-error { grid-column: 1 / -1 !important; grid-row: 2 !important; }
	.npb-offer-hero .npb-offer-hero__form input { padding-right: 30px !important; padding-left: 30px !important; }
	.npb-offer-hero .npb-offer-hero__form button { padding-right: 50px !important; padding-left: 50px !important; }
}

@supports not (container-type: inline-size) {
	@media (min-width: 720px) {
		.npb-offer-hero .npb-offer-hero__form { grid-template-columns: minmax(0, 400px) minmax(210px, 249px) !important; grid-template-rows: 60px !important; grid-auto-flow: column !important; gap: 14px !important; }
		.npb-offer-hero .npb-offer-hero__form > input { grid-area: 1 / 1 !important; }
		.npb-offer-hero .npb-offer-hero__form > button { grid-area: 1 / 2 !important; }
		.npb-offer-hero .npb-offer-hero__form input { padding-right: 30px !important; padding-left: 30px !important; }
	}
}

@media (min-width: 720px) {
	.npb-offer-hero { min-height: 270px !important; padding: 42px 20px 36px !important; }
}

@media (max-width: 559px) {
	.npb-offer-hero .npb-offer-hero__trust { font-size: 10.5px !important; }
	.npb-offer-hero .npb-offer-hero__confidentiality { gap: 10px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.npb-offer-hero__form button { transition: none !important; }
}