.welcomelist-card {
	--welcomelist-accent: #6d5dfc;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	max-width: 920px;
	margin: 28px auto;
	padding: clamp(34px, 6vw, 72px);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 28px;
	background: linear-gradient(135deg, #17142c 0%, #201945 55%, #112b38 100%);
	box-shadow: 0 24px 70px rgba(22,18,57,.25);
	color: #fff;
	font-family: inherit;
	isolation: isolate;
}
.welcomelist-card *, .welcomelist-card *::before, .welcomelist-card *::after { box-sizing: border-box; }
.welcomelist-content { position: relative; z-index: 2; max-width: 700px; margin: auto; text-align: center; }
.welcomelist-eyebrow { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 14px; padding: 7px 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 99px; background: rgba(255,255,255,.08); color: #d7d2ff; font-size: 12px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.welcomelist-eyebrow::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--welcomelist-accent); box-shadow: 0 0 12px var(--welcomelist-accent); }
.welcomelist-card h2 { margin: 0; color: #fff; font-size: clamp(30px, 5vw, 52px); font-weight: 750; line-height: 1.05; letter-spacing: -.035em; }
.welcomelist-description { max-width: 590px; margin: 18px auto 28px; color: rgba(255,255,255,.72); font-size: clamp(16px, 2vw, 19px); line-height: 1.6; }
.welcomelist-fields { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) auto; gap: 10px; max-width: 690px; margin: auto; padding: 8px; border: 1px solid rgba(255,255,255,.14); border-radius: 17px; background: rgba(255,255,255,.09); box-shadow: inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(10px); }
.welcomelist-fields input { min-width: 0; width: 100%; height: 50px; margin: 0; padding: 0 15px; border: 0 !important; border-radius: 11px; outline: 0; background: rgba(255,255,255,.08) !important; box-shadow: none !important; color: #fff !important; font: inherit; }
.welcomelist-fields input:focus { background: rgba(255,255,255,.14) !important; box-shadow: 0 0 0 2px var(--welcomelist-accent) !important; }
.welcomelist-fields input::placeholder { color: rgba(255,255,255,.58); opacity: 1; }
.welcomelist-fields button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; height: 50px; margin: 0; padding: 0 21px; border: 0; border-radius: 11px; background: var(--welcomelist-accent); box-shadow: 0 9px 24px color-mix(in srgb, var(--welcomelist-accent) 38%, transparent); color: #fff; cursor: pointer; font: inherit; font-weight: 700; white-space: nowrap; transition: transform .2s ease, filter .2s ease; }
.welcomelist-fields button:hover { filter: brightness(1.12); transform: translateY(-1px); }
.welcomelist-fields button:disabled { cursor: wait; filter: grayscale(.3); opacity: .7; }
.welcomelist-privacy { margin: 15px 0 0; color: rgba(255,255,255,.5); font-size: 12px; }
.welcomelist-privacy span { color: #5ee0ac; }
.welcomelist-status { min-height: 22px; margin: 12px 0 0; font-size: 14px; font-weight: 650; }
.welcomelist-status.is-success { color: #6ff0bb; }
.welcomelist-status.is-error { color: #ffaaa9; }
.welcomelist-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; }
.welcomelist-glow { position: absolute; z-index: -1; width: 360px; height: 360px; border-radius: 50%; filter: blur(80px); opacity: .25; pointer-events: none; }
.welcomelist-glow--one { top: -220px; left: -80px; background: var(--welcomelist-accent); }
.welcomelist-glow--two { right: -120px; bottom: -250px; background: #1ee8c4; }
.welcomelist-card--compact { margin: 0; padding: 48px 42px 42px; border: 0; border-radius: 24px; box-shadow: none; }
.welcomelist-card--compact h2 { font-size: clamp(29px, 5vw, 42px); }
.welcomelist-card--compact .welcomelist-fields { grid-template-columns: 1fr; max-width: 470px; background: transparent; border: 0; padding: 0; }
.welcomelist-card--compact .welcomelist-fields input { background: rgba(255,255,255,.1) !important; }
.welcomelist-popup[hidden] { display: none; }
.welcomelist-popup { position: fixed; z-index: 999999; inset: 0; display: grid; place-items: center; padding: 20px; opacity: 0; transition: opacity .25s ease; }
.welcomelist-popup.is-visible { opacity: 1; }
.welcomelist-popup__backdrop { position: absolute; inset: 0; background: rgba(7,6,18,.72); backdrop-filter: blur(7px); }
.welcomelist-popup__dialog { position: relative; width: min(100%, 620px); transform: translateY(16px) scale(.98); transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.welcomelist-popup.is-visible .welcomelist-popup__dialog { transform: none; }
.welcomelist-popup__close { position: absolute; z-index: 4; top: 12px; right: 13px; width: 36px; height: 36px; padding: 0; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; background: rgba(255,255,255,.09); color: #fff; cursor: pointer; font: 25px/32px Arial,sans-serif; }
.welcomelist-popup-open { overflow: hidden; }
@media (max-width: 720px) {
	.welcomelist-card { padding: 40px 22px; border-radius: 21px; }
	.welcomelist-fields { grid-template-columns: 1fr; background: transparent; border: 0; padding: 0; }
	.welcomelist-fields input { background: rgba(255,255,255,.1) !important; }
	.welcomelist-fields button { width: 100%; }
	.welcomelist-popup { padding: 12px; }
	.welcomelist-card--compact { padding: 45px 22px 32px; }
}
@media (prefers-reduced-motion: reduce) { .welcomelist-popup, .welcomelist-popup__dialog, .welcomelist-fields button { transition: none; } }