/* XPATSOFT Website Communication Engine — front-end states.
   Scoped to the existing popup; matches the landing-page design language
   (brand blue #0152A1, rounded, Poppins/Raleway with safe fallbacks). */

/* Honeypot — visually and functionally hidden from humans. */
.xpce-hp{
	position:absolute !important;
	left:-9999px !important;
	top:auto !important;
	width:1px !important;
	height:1px !important;
	overflow:hidden !important;
	opacity:0 !important;
	pointer-events:none !important;
}

/* Inline error message inside the existing form. */
.xpform .xpce-error{
	margin:4px 0 14px;
	padding:12px 14px;
	border-radius:10px;
	background:#fdecec;
	border:1px solid #f5c2c2;
	color:#a12626;
	font:600 13.5px/1.45 "Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

/* Loading state on the existing SEND MESSAGE button. */
.xpform-send.xpce-loading{
	position:relative;
	opacity:.85;
	cursor:progress;
	pointer-events:none;
}
.xpform-send.xpce-loading::after{
	content:"";
	display:inline-block;
	width:15px;
	height:15px;
	margin-left:10px;
	vertical-align:-2px;
	border:2px solid rgba(255,255,255,.45);
	border-top-color:#fff;
	border-radius:50%;
	animation:xpce-spin .7s linear infinite;
}
@keyframes xpce-spin{to{transform:rotate(360deg)}}

/* Success / thank-you state, rendered inside the existing .xpform panel. */
.xpform .xpce-success{
	text-align:center;
	padding:14px 6px 4px;
	animation:xpce-fade .45s ease both;
}
@keyframes xpce-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.xpce-check{
	width:78px;height:78px;margin:6px auto 18px;
}
.xpce-check svg{width:100%;height:100%;display:block}
.xpce-check-c{
	fill:none;stroke:var(--xp-blue,#0152A1);stroke-width:3;
	stroke-dasharray:151;stroke-dashoffset:151;
	animation:xpce-draw .5s cubic-bezier(.22,1,.36,1) .05s forwards;
}
.xpce-check-t{
	fill:none;stroke:var(--xp-blue,#0152A1);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;
	stroke-dasharray:40;stroke-dashoffset:40;
	animation:xpce-draw .35s cubic-bezier(.22,1,.36,1) .5s forwards;
}
@keyframes xpce-draw{to{stroke-dashoffset:0}}

.xpform .xpce-success h3{
	margin:0 0 8px;
	font:800 24px/1.2 "Poppins","Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
	letter-spacing:-.02em;
	color:var(--by-black,#101826);
}
.xpform .xpce-success p{
	margin:0 auto 22px;
	max-width:360px;
	font:400 15px/1.6 "Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
	color:var(--by-muted,#666);
}
.xpform .xpce-success .xpce-done{
	appearance:none;-webkit-appearance:none;border:0;cursor:pointer;
	font:800 13px/1 "Poppins","Raleway",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;
	color:#fff;background:linear-gradient(135deg,#0152A1,#013B75);
	padding:15px 30px;border-radius:14px;
	box-shadow:0 12px 26px rgba(1,82,161,.32);
	transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease;
}
.xpform .xpce-success .xpce-done:hover{
	transform:translateY(-2px);
	box-shadow:0 16px 34px rgba(1,82,161,.42);
}

@media (prefers-reduced-motion:reduce){
	.xpform-send.xpce-loading::after,
	.xpce-check-c,.xpce-check-t,
	.xpform .xpce-success{animation:none}
	.xpce-check-c,.xpce-check-t{stroke-dashoffset:0}
}