.vrl-stock-alert {
	--vrl-stock-navy: #071b3d;
	--vrl-stock-blue: #1675e8;
	--vrl-stock-mint: #eaf9f1;
	border: 1px solid #cad7e8;
	border-radius: 18px;
	background: linear-gradient(135deg, #f8fbff 0%, #f2f7fd 62%, #edf9f3 100%);
	box-shadow: 0 10px 30px rgba(7, 27, 61, .07);
	padding: 16px;
	color: var(--vrl-stock-navy);
}

.vrl-stock-alert__copy {
	display: grid;
	gap: 4px;
}

.vrl-stock-alert__eyebrow {
	display: flex;
	align-items: center;
	gap: 7px;
	font: 700 10px/1.2 "JetBrains Mono", monospace;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #39705a;
}

.vrl-stock-alert__eyebrow > span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #24c875;
	box-shadow: 0 0 0 4px rgba(36, 200, 117, .12);
}

.vrl-stock-alert__copy strong {
	font: 800 18px/1.2 "Archivo", sans-serif;
}

.vrl-stock-alert__copy small {
	font: 500 12px/1.45 "Manrope", sans-serif;
	color: #647189;
}

.vrl-stock-alert__form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	margin-top: 13px;
}

.vrl-stock-alert__form input[type="email"] {
	min-width: 0;
	height: 46px;
	border: 1px solid #c9d3e0;
	border-radius: 999px;
	background: #fff;
	padding: 0 16px;
	font: 600 14px/1 "Manrope", sans-serif;
	color: var(--vrl-stock-navy);
	box-shadow: none;
}

.vrl-stock-alert__form input[type="email"]:focus {
	border-color: var(--vrl-stock-blue);
	outline: 3px solid rgba(22, 117, 232, .12);
}

.vrl-stock-alert__form button {
	height: 46px;
	border: 0;
	border-radius: 999px;
	background: var(--vrl-stock-navy);
	padding: 0 20px;
	font: 800 13px/1 "Manrope", sans-serif;
	color: #fff;
	cursor: pointer;
}

.vrl-stock-alert__form button:disabled {
	cursor: wait;
	opacity: .65;
}

.vrl-stock-alert__website {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}

.vrl-stock-alert__status {
	display: none;
	margin: 10px 0 0;
	font: 700 12px/1.45 "Manrope", sans-serif;
}

.vrl-stock-alert__status:not(:empty) { display: block; }
.vrl-stock-alert__status.is-success { color: #177647; }
.vrl-stock-alert__status.is-error { color: #a83434; }
.vrl-stock-alert.is-complete { border-color: #9bd8b8; background: var(--vrl-stock-mint); }

.vrl-stock-alert--compact {
	box-shadow: none;
	padding: 13px;
}

.vrl-stock-alert--compact .vrl-stock-alert__copy strong { font-size: 15px; }

@media (max-width: 520px) {
	.vrl-stock-alert__form { grid-template-columns: 1fr; }
	.vrl-stock-alert__form button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.vrl-stock-alert * { scroll-behavior: auto !important; transition: none !important; }
}