:root{
	--sp-radius: 20px;
	--sp-bg:#f9fbfd;
	--sp-fg:#1a1d23;
	--sp-accent:#4da3ff;

	--sb-accent:#2563eb;
	--sb-accent-2:#06b6d4;
	--sb-ink:#0f172a;
}
/* Background with subtle radial gradients */
.sp-wrap{
	background:
		radial-gradient(900px 420px at -10% -10%, rgba(219,234,254,.8) 0%, rgba(219,234,254,0) 40%),
		radial-gradient(900px 420px at 110% -10%, rgba(236,253,245,.8) 0%, rgba(236,253,245,0) 40%),
		linear-gradient(#f8fafc, #f9fbfd);
	color:var(--sp-fg);
}
.sp-hero{height:10vh;max-height:120px;background-image:var(--cover, none);background-size:cover;background-position:center center;filter:saturate(1.05)}
.sp-card{margin:-36px auto 16px;max-width:880px;width:92%;background:#ffffff;padding:28px 24px;border-radius:var(--sp-radius);box-shadow:0 10px 28px rgba(2,6,23,.12);border:1px solid rgba(2,6,23,.10);position:relative;color:var(--sp-fg)}
.sp-card.sp-glass{backdrop-filter:saturate(1.05) blur(6px);background:rgba(255,255,255,.96)}
.sp-logo{width:84px;height:auto;display:block;margin:4px 0 12px}
.sp-badge{display:inline-block;font:600 12px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,Verdana,sans-serif;color:#fff;background:var(--sp-accent);padding:6px 10px;border-radius:9999px;margin-bottom:10px}
.sp-title{font:700 clamp(22px,4vw,34px)/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,Verdana,sans-serif;margin:8px 0 6px;letter-spacing:.2px}
.sp-subtitle{font:400 clamp(14px,2.6vw,18px)/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,Verdana,sans-serif;opacity:.9;margin:0 0 16px}
.sp-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}
/* Beefed-up CTA button */
.sp-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;text-decoration:none;border:0;outline:0;font:700 14px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,Verdana,sans-serif;background:linear-gradient(90deg, var(--sb-accent), var(--sb-accent-2));color:#fff;box-shadow:0 10px 24px rgba(6,182,212,.35);transform:translateZ(0)}
.sp-btn:hover{filter:brightness(1.03)}
.sp-btn:active{transform:translateY(1px)}
.sp-timer{font:600 13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,Verdana,sans-serif;opacity:.7}
/* Divider above stats */
.sp-extra:first-of-type{border-top:1px dashed rgba(2,6,23,.10); padding-top:12px; margin-top:18px}
.sp-foot{display:flex;justify-content:center;align-items:center;padding:24px 12px 40px;opacity:.6;font:400 12px/1.4 system-ui}

/* Forms */
.sp-form .sp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.sp-form label{display:flex;flex-direction:column;gap:6px;font:600 13px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,Verdana,sans-serif}
.sp-form input[type="text"], .sp-form input[type="url"], .sp-form input[type="number"], .sp-form select, .sp-form textarea{padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fdfdfd;color:var(--sp-fg);outline:none}
.sp-form textarea{min-height:96px;resize:vertical}
.sp-form input::placeholder, .sp-form textarea::placeholder{color:rgba(60,60,60,.55)}
.sp-form input:focus, .sp-form select:focus, .sp-form textarea:focus{border-color:rgba(77,163,255,.8);box-shadow:0 0 0 3px rgba(77,163,255,.25)}
.arc-injected-field{grid-column:1 / -1}

/* Colorful Promo Banner + inner highlight */
.arc-promo-banner{margin:8px 0 12px;border-radius:16px;padding:16px 18px;background:radial-gradient(600px 280px at 10% -20%, #dbeafe 0%, rgba(219,234,254,0) 40%), radial-gradient(600px 280px at 110% 0%, #fce7f3 0%, rgba(252,231,243,0) 40%), linear-gradient(180deg,#eaf2ff 0%, #f8fafc 100%);border:1px solid rgba(2,6,23,.06);box-shadow:0 10px 24px rgba(2,6,23,.10);position:relative}
.arc-promo-banner:after{content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 1px 0 rgba(255,255,255,.6), inset 0 0 30px rgba(255,255,255,.35)}
.arc-promo-text{font:700 clamp(16px,2.6vw,20px)/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;text-align:center}

@media (max-width: 720px){
	.sp-form .sp-grid{grid-template-columns:1fr}
	.sp-card{margin:-24px auto 12px;padding:22px 16px;border-radius:16px}
	.sp-logo{width:64px}
}

/* Bottom CTA */
.sb-bottom-cta{margin:18px auto 26px;max-width:880px; width:92%; border-radius:16px; padding:16px 18px; background:radial-gradient(600px 260px at 10% -10%, #dbeafe 0%, rgba(219,234,254,0) 40%), radial-gradient(600px 260px at 110% 10%, #e0f2fe 0%, rgba(224,242,254,0) 40%), #ffffff; border:1px solid rgba(2,6,23,.08); box-shadow:0 10px 24px rgba(2,6,23,.10); display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}
.sb-bottom-cta .sb-text{font:700 15px/1.4 system-ui;color:var(--sb-ink)}
.sb-bottom-cta .sb-sub{display:block;font:400 12px/1.4 system-ui;opacity:.7;margin-top:2px}
.sb-bottom-cta .sb-actions{display:flex;gap:10px;flex-wrap:wrap}
.sb-bottom-cta .sb-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;text-decoration:none;background:linear-gradient(90deg, var(--sb-accent), var(--sb-accent-2));color:#fff;font:700 13px/1 system-ui; box-shadow:0 8px 18px rgba(37,99,235,.28)}