.clp2p-quote-card {
	background: #ffffff;
	border: 1px solid rgba(67, 64, 139, 0.14);
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(20, 21, 52, 0.16);
	color: #2d2d62;
	display: grid;
	gap: 16px;
	max-width: 100%;
	min-width: 0;
	padding: 24px;
}

.clp2p-honeypot {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.clp2p-account-use input[data-locked="1"] {
	cursor: not-allowed;
}

.page-id-577 .cl-page-intro {
	margin-bottom: 22px;
}

.page-id-577 .cl-page-intro p {
	max-width: 760px;
}

.clp2p-auth-shell {
	align-items: stretch;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
	margin: 0 auto;
	max-width: 1040px;
}

.clp2p-auth-panel,
.clp2p-auth-card {
	border-radius: 8px;
	padding: 28px;
}

.clp2p-auth-panel {
	background: linear-gradient(135deg, #403c86, #25244f);
	color: #ffffff !important;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 460px;
}

.clp2p-auth-panel h2 {
	color: #ffffff !important;
	font-size: clamp(30px, 4vw, 48px);
	letter-spacing: 0;
	line-height: 1;
	margin: 14px 0 14px;
}

.clp2p-auth-panel p {
	color: rgba(255, 255, 255, 0.78);
	font-size: 16px;
	margin: 0;
	max-width: 440px;
}

.clp2p-auth-benefits {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 28px 0 0;
	padding: 0;
}

.clp2p-auth-benefits li {
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	color: rgba(255, 255, 255, 0.86);
	font-size: 14px;
	font-weight: 700;
	padding: 12px 13px;
}

.clp2p-auth-card {
	background: #ffffff;
	border: 1px solid rgba(67, 64, 139, 0.14);
	box-shadow: 0 18px 46px rgba(20, 21, 52, 0.08);
	color: #2d2d62;
	display: grid;
	gap: 18px;
}

.clp2p-dashboard-shell {
	display: grid;
	gap: 18px;
}

.clp2p-dashboard-hero,
.clp2p-next-action,
.clp2p-panel,
.clp2p-stat-card {
	background: #ffffff;
	border: 1px solid rgba(67, 64, 139, 0.14);
	border-radius: 8px;
	box-shadow: 0 18px 46px rgba(20, 21, 52, 0.06);
	color: #2d2d62;
}

.clp2p-dashboard-hero {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	padding: 26px;
}

.clp2p-dashboard-hero h2 {
	font-size: clamp(30px, 4vw, 46px);
	line-height: 1;
	margin: 10px 0;
}

.clp2p-dashboard-hero p,
.clp2p-next-action p {
	color: #4d557a;
	margin: 0;
}

.clp2p-dashboard-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.clp2p-checklist-panel {
	background: #ffffff;
	border: 1px solid rgba(67, 64, 139, 0.14);
	border-radius: 8px;
	box-shadow: 0 18px 46px rgba(20, 21, 52, 0.06);
	display: grid;
	gap: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	overflow: hidden;
}

.clp2p-checklist-item {
	align-items: start;
	display: grid;
	gap: 12px;
	grid-template-columns: 16px minmax(0, 1fr);
	padding: 18px;
}

.clp2p-checklist-item + .clp2p-checklist-item {
	border-left: 1px solid #e8ecf5;
}

.clp2p-checklist-item > span {
	background: #dfe3ef;
	border-radius: 999px;
	height: 16px;
	margin-top: 3px;
	width: 16px;
}

.clp2p-checklist-item.is-complete > span {
	background: #16a05d;
}

.clp2p-checklist-item.is-current > span {
	background: #e4007f;
	box-shadow: 0 0 0 4px rgba(228, 0, 127, 0.12);
}

.clp2p-checklist-item strong {
	color: #2d2d62;
	display: block;
	line-height: 1.25;
}

.clp2p-checklist-item p {
	color: #4d557a;
	font-size: 14px;
	line-height: 1.45;
	margin: 5px 0 0;
}

.clp2p-stat-card {
	display: grid;
	gap: 8px;
	padding: 18px;
}

.clp2p-stat-card span {
	color: #4d557a;
	font-size: 13px;
	font-weight: 800;
}

.clp2p-stat-card strong {
	font-size: 22px;
	line-height: 1.1;
}

.clp2p-next-action {
	display: grid;
	gap: 12px;
	padding: 22px;
}

.clp2p-next-action strong {
	font-size: 22px;
}

.clp2p-dashboard-columns {
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
}

.clp2p-panel {
	display: grid;
	gap: 14px;
	padding: 22px;
}

.clp2p-panel h3 {
	font-size: 20px;
	margin: 0;
}

.clp2p-request-list,
.clp2p-profile-summary {
	display: grid;
	gap: 10px;
}

.clp2p-request-row {
	background: #f7f8fc;
	border: 1px solid #dfe3ef;
	border-radius: 10px;
	display: grid;
	gap: 10px;
	padding: 14px;
}

.clp2p-request-row__head {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: space-between;
}

.clp2p-request-route {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.clp2p-request-route > div {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.clp2p-request-route .clp2p-method-badge {
	width: 100%;
}

.clp2p-request-route > div > small {
	color: #2d2d62;
	font-size: 14px;
	font-weight: 900;
}

.clp2p-request-route > span {
	align-items: center;
	background: #403c86;
	border-radius: 999px;
	color: #ffffff;
	display: flex;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.clp2p-request-row span,
.clp2p-profile-summary span {
	color: #4d557a;
	font-size: 14px;
}

.clp2p-inline-link {
	color: #e4007f;
	font-size: 14px;
	font-weight: 900;
	justify-self: start;
	text-decoration: none;
}

.clp2p-profile-summary {
	grid-template-columns: 120px minmax(0, 1fr);
}

.clp2p-timeline {
	border-top: 1px solid #e8ecf5;
	display: grid;
	gap: 10px;
	padding-top: 14px;
}

.clp2p-timeline-item {
	background: #f7f8fc;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	display: grid;
	gap: 4px;
	padding: 12px;
}

.clp2p-timeline-item span,
.clp2p-timeline-item small {
	color: #4d557a;
}

.clp2p-payment-box {
	background: #f7f8fc;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	display: grid;
	gap: 14px;
	padding: 14px;
}

.clp2p-payment-box strong {
	display: block;
	margin: 5px 0;
}

.clp2p-payment-box p,
.clp2p-payment-box small {
	color: #4d557a;
	margin: 0;
}

.clp2p-payment-box .clp2p-method-badge {
	justify-self: start;
	margin: 4px 0 8px;
}

.clp2p-support-box {
	align-items: center;
	background: #f7f8fc;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 14px;
}

.clp2p-support-box strong {
	color: #2d2d62;
	display: block;
	margin-bottom: 4px;
}

.clp2p-support-box p {
	color: #4d557a;
	margin: 0;
}

.clp2p-kyc-card {
	background: #ffffff;
	border: 1px solid rgba(67, 64, 139, 0.14);
	border-radius: 8px;
	box-shadow: 0 18px 46px rgba(20, 21, 52, 0.08);
	color: #2d2d62;
	display: grid;
	gap: 18px;
	padding: 24px;
}

.clp2p-kyc-status {
	margin: 0 auto;
	max-width: 760px;
}

.clp2p-kyc-status .clp2p-alert strong,
.clp2p-kyc-card .clp2p-alert span {
	display: block;
	margin-bottom: 4px;
}

.clp2p-quote-header {
	display: grid;
	gap: 8px;
}

.clp2p-kicker {
	color: #e4007f;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.clp2p-flow-list,
.clp2p-info-grid {
	display: grid;
	gap: 10px;
}

.clp2p-flow-list {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.clp2p-flow-list span,
.clp2p-info-grid > div {
	background: #f7f8fc;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	color: #403c86;
	font-size: 14px;
	line-height: 1.35;
	padding: 12px;
}

.clp2p-flow-list strong {
	align-items: center;
	background: #403c86;
	border-radius: 8px;
	color: #ffffff;
	display: inline-flex;
	font-size: 12px;
	height: 24px;
	justify-content: center;
	margin-right: 7px;
	min-width: 24px;
}

.clp2p-info-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clp2p-info-grid strong {
	color: #2d2d62;
	display: block;
	margin-bottom: 5px;
}

.clp2p-info-grid p {
	color: #4d557a;
	font-size: 14px;
	line-height: 1.45;
	margin: 0;
}

.clp2p-no-pairs {
	align-items: center;
	background:
		linear-gradient(135deg, rgba(64, 60, 134, 0.08), rgba(228, 0, 127, 0.08)),
		#ffffff;
	border: 1px solid rgba(64, 60, 134, 0.18);
	border-radius: 8px;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 14px;
}

.clp2p-no-pairs__copy {
	display: grid;
	gap: 4px;
}

.clp2p-no-pairs__copy strong {
	color: #2d2d62;
	font-size: 15px;
}

.clp2p-no-pairs__copy span {
	color: #4d557a;
	font-size: 14px;
	line-height: 1.4;
}

.clp2p-no-pairs__logos {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.clp2p-no-pairs__logos img {
	background: #ffffff;
	border: 1px solid #dde3f1;
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(20, 21, 52, 0.08);
	display: block;
	height: 46px;
	object-fit: contain;
	padding: 7px;
	width: 46px;
}

.clp2p-quote-header h2 {
	font-size: 28px;
	line-height: 1.1;
	margin: 0;
}

.clp2p-quote-header p,
.clp2p-note {
	color: #4d557a;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}

.clp2p-note--validation {
	background: #fff0f5;
	border: 1px solid rgba(228, 0, 127, 0.3);
	border-left: 4px solid #e4007f;
	border-radius: 8px;
	color: #8f1249;
	font-weight: 800;
	padding: 12px 14px;
}

.clp2p-method-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.clp2p-method-badge {
	align-items: center;
	background: #f7f8fc;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	color: #403c86;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	gap: 8px;
	min-height: 38px;
	padding: 5px 10px 5px 5px;
}

.clp2p-method-logo {
	align-items: center;
	background: #ffffff;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	color: #403c86;
	display: inline-flex;
	font-size: 11px;
	font-weight: 900;
	height: 34px;
	justify-content: center;
	min-width: 34px;
	width: 34px;
}

.clp2p-method-badge--image {
	padding-left: 6px;
}

.clp2p-method-image {
	background: #ffffff;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	display: block;
	height: 34px;
	object-fit: contain;
	padding: 4px;
	width: 34px;
}

.clp2p-method-badge--ach_xpress .clp2p-method-image,
.clp2p-method-badge--ach-xpress .clp2p-method-image {
	padding: 2px;
}

.clp2p-quote-steps {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.clp2p-step {
	align-items: start;
	display: grid;
	gap: 12px;
	grid-template-columns: 34px minmax(0, 1fr);
}

.clp2p-step__number {
	align-items: center;
	background: #403c86;
	border-radius: 8px;
	color: #ffffff;
	display: inline-flex;
	font-size: 13px;
	font-weight: 900;
	height: 34px;
	justify-content: center;
	min-width: 34px;
}

.clp2p-step-heading {
	align-items: center;
	color: #2d2d62;
	display: flex;
	gap: 10px;
	grid-column: 1 / -1;
	margin-bottom: 2px;
}

.clp2p-field {
	display: grid;
	gap: 7px;
	min-width: 0;
}

[data-clp2p-custom-dial-field][hidden] {
	display: none !important;
}

.clp2p-field label,
.clp2p-field-label {
	color: #403c86;
	font-size: 13px;
	font-weight: 800;
}

.clp2p-field small {
	color: #697089;
	font-size: 13px;
	line-height: 1.4;
}

.clp2p-field select,
.clp2p-field input,
.clp2p-field textarea,
.clp2p-auth-card #loginform input[type="text"],
.clp2p-auth-card #loginform input[type="password"] {
	background: #f7f8fc;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	color: #2d2d62;
	font-size: 16px;
	min-height: 48px;
	min-width: 0;
	padding: 10px 12px;
	width: 100%;
}

.clp2p-field select:focus,
.clp2p-field input:focus,
.clp2p-field textarea:focus,
.clp2p-auth-card #loginform input[type="text"]:focus,
.clp2p-auth-card #loginform input[type="password"]:focus {
	background: #ffffff;
	border-color: #403c86;
	box-shadow: 0 0 0 3px rgba(64, 60, 134, 0.14);
	outline: 0;
}

.clp2p-quote-card.has-amount-warning [data-clp2p-amount],
.clp2p-quote-card.has-amount-warning [data-clp2p-amount]:focus {
	background: #fff8fb;
	border-color: #e4007f;
	box-shadow: 0 0 0 3px rgba(228, 0, 127, 0.14);
}

.clp2p-quote-card.has-amount-warning .clp2p-rate-summary {
	box-shadow: 0 0 0 3px rgba(228, 0, 127, 0.2), 0 18px 38px rgba(45, 45, 98, 0.18);
}

.clp2p-field textarea {
	font-family: inherit;
	min-height: 84px;
	resize: vertical;
}

.clp2p-result {
	background: linear-gradient(135deg, #403c86, #2d2d62);
	border-radius: 12px;
	color: #ffffff;
	display: grid;
	gap: 14px;
	padding: 18px;
}

.clp2p-rate-summary {
	box-shadow: 0 18px 38px rgba(45, 45, 98, 0.18);
	container-type: inline-size;
	min-height: 180px;
}

.clp2p-rate-summary__head {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	justify-content: space-between;
}

.clp2p-rate-summary__head > span,
.clp2p-transaction-summary__title {
	color: rgba(255, 255, 255, 0.72);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.clp2p-rate-summary__head > strong {
	color: #ffffff;
	font-size: 14px;
	line-height: 1.25;
}

.clp2p-exchange-flow {
	align-items: stretch;
	display: grid;
	gap: 10px;
	grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr);
}

.clp2p-exchange-leg {
	align-items: center;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 10px;
	display: grid;
	gap: 12px;
	grid-template-columns: 56px minmax(0, 1fr);
	min-width: 0;
	padding: 13px;
	transition: opacity 160ms ease, transform 160ms ease;
}

.clp2p-exchange-leg.is-empty {
	opacity: 0.68;
}

.clp2p-exchange-logo {
	align-items: center;
	background: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(20, 21, 52, 0.16);
	display: flex;
	height: 56px;
	justify-content: center;
	overflow: hidden;
	padding: 7px;
	width: 56px;
}

.clp2p-exchange-logo img {
	display: block;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.clp2p-exchange-logo b {
	color: #403c86;
	font-size: 14px;
	font-weight: 900;
}

.clp2p-exchange-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.clp2p-exchange-copy > span {
	color: rgba(255, 255, 255, 0.74);
	font-size: 12px;
	font-weight: 800;
}

.clp2p-exchange-copy strong {
	color: #ffffff;
	font-size: clamp(20px, 2.25vw, 27px);
	line-height: 1.08;
	min-width: 0;
	overflow-wrap: anywhere;
}

.clp2p-exchange-copy strong em {
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.58em;
	font-style: normal;
	font-weight: 800;
}

.clp2p-exchange-copy small {
	color: rgba(255, 255, 255, 0.72);
	font-size: 12px;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.clp2p-exchange-arrow {
	align-items: center;
	align-self: center;
	background: #e4007f;
	border: 3px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	color: #ffffff;
	display: flex;
	font-size: 18px;
	font-weight: 900;
	height: 34px;
	justify-content: center;
	justify-self: center;
	width: 34px;
}

.clp2p-quote-receipt {
	background: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.38);
	border-radius: 12px;
	box-shadow: 0 14px 32px rgba(18, 19, 48, 0.18);
	color: #2d2d62;
	display: grid;
	gap: 13px;
	padding: 16px;
}

.clp2p-quote-receipt__head {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.clp2p-quote-receipt__head > div {
	display: grid;
	gap: 2px;
}

.clp2p-quote-receipt__head > div > span {
	color: #697089;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.clp2p-quote-receipt__head > div > strong {
	color: #2d2d62;
	font-size: 17px;
}

.clp2p-quote-validity {
	background: #eaf8f1;
	border: 1px solid #bfe6d3;
	border-radius: 999px;
	color: #176844;
	font-size: 11px;
	font-weight: 850;
	padding: 7px 10px;
	white-space: nowrap;
}

.clp2p-quote-receipt__rows {
	border: 1px solid #e1e5f0;
	border-radius: 10px;
	overflow: hidden;
}

.clp2p-quote-receipt__row {
	align-items: center;
	background: #ffffff;
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) minmax(180px, auto);
	padding: 11px 12px;
}

.clp2p-quote-receipt__row + .clp2p-quote-receipt__row {
	border-top: 1px solid #e8ebf3;
}

.clp2p-quote-receipt__row > span {
	color: #59617e;
	display: grid;
	font-size: 12px;
	font-weight: 800;
	gap: 2px;
}

.clp2p-quote-receipt__row > span small {
	color: #7a8198;
	font-size: 10px;
	font-weight: 650;
	line-height: 1.35;
}

.clp2p-quote-receipt__row > strong {
	color: #2d2d62;
	font-size: 13px;
	line-height: 1.25;
	overflow-wrap: anywhere;
	text-align: right;
}

.clp2p-quote-receipt__row:nth-child(3) > strong,
.clp2p-quote-receipt__row:nth-child(4) > strong {
	color: #a10b5c;
}

.clp2p-quote-receipt__row--external {
	background: #fffbef;
}

.clp2p-quote-receipt__row--external > strong {
	color: #795b0d;
	font-size: 11px;
}

.clp2p-quote-receipt__row--net {
	background: linear-gradient(135deg, #f1ecff, #f9f7ff);
	border-top: 2px solid #b5a7e7 !important;
	padding-bottom: 14px;
	padding-top: 14px;
}

.clp2p-quote-receipt__row--net > span {
	color: #403c86;
	font-size: 13px;
}

.clp2p-quote-receipt__row--net > strong {
	color: #403c86;
	font-size: clamp(20px, 3vw, 27px);
	font-weight: 900;
}

.clp2p-quote-receipt.is-unusable .clp2p-quote-receipt__row--net {
	background: #fff0f5;
	border-top-color: #e4007f !important;
}

.clp2p-quote-receipt.is-unusable .clp2p-quote-receipt__row--net > strong {
	color: #a10b5c;
}

.clp2p-quote-receipt__market {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 14px;
	justify-content: space-between;
}

.clp2p-quote-receipt__market span {
	color: #697089;
	font-size: 10px;
	font-weight: 700;
}

.clp2p-quote-protection {
	background: #eeeffa;
	border-left: 4px solid #403c86;
	border-radius: 8px;
	display: grid;
	gap: 4px;
	padding: 11px 12px;
}

.clp2p-quote-protection strong {
	color: #34326f;
	font-size: 12px;
}

.clp2p-quote-protection p {
	color: #59617e;
	font-size: 10px;
	line-height: 1.45;
	margin: 0;
}

.clp2p-transaction-summary {
	background: linear-gradient(135deg, #403c86, #2d2d62);
	border-radius: 12px;
	box-shadow: 0 14px 30px rgba(45, 45, 98, 0.14);
	container-type: inline-size;
	display: grid;
	gap: 12px;
	padding: 16px;
}

.clp2p-transaction-breakdown {
	background: rgba(255, 255, 255, 0.09);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 10px;
	overflow: hidden;
}

.clp2p-transaction-breakdown > div {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 9px 11px;
}

.clp2p-transaction-breakdown > div + div {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.clp2p-transaction-breakdown span {
	color: rgba(255, 255, 255, 0.78);
	display: grid;
	font-size: 11px;
	font-weight: 750;
}

.clp2p-transaction-breakdown span small {
	color: rgba(255, 255, 255, 0.6);
	font-size: 9px;
}

.clp2p-transaction-breakdown strong {
	color: #ffffff;
	font-size: 12px;
	overflow-wrap: anywhere;
	text-align: right;
}

.clp2p-transaction-breakdown__external {
	background: rgba(255, 206, 94, 0.1);
}

.clp2p-transaction-breakdown__net {
	background: rgba(255, 255, 255, 0.12);
	border-top-width: 2px !important;
}

.clp2p-transaction-breakdown__net strong {
	font-size: 16px;
}

.clp2p-transaction-breakdown__source {
	color: rgba(255, 255, 255, 0.64);
	font-size: 9px;
	line-height: 1.4;
	margin: 0;
}

@container (max-width: 720px) {
	.clp2p-exchange-flow {
		grid-template-columns: minmax(0, 1fr);
	}

	.clp2p-exchange-arrow {
		transform: rotate(90deg);
	}
}

.clp2p-button {
	align-items: center;
	background: #e4007f;
	border: 0;
	border-radius: 8px;
	color: #ffffff !important;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-weight: 800;
	justify-content: center;
	min-height: 50px;
	text-decoration: none;
}

.clp2p-button,
.clp2p-auth-card #loginform input[type="submit"] {
	padding: 0 18px;
}

.clp2p-auth-card #loginform input[type="submit"] {
	align-items: center;
	background: #e4007f;
	border: 0;
	border-radius: 8px;
	color: #ffffff !important;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-weight: 800;
	justify-content: center;
	min-height: 50px;
	text-decoration: none;
	width: 100%;
}

.clp2p-button:hover,
.clp2p-auth-card #loginform input[type="submit"]:hover {
	filter: brightness(0.96);
}

.clp2p-button:focus-visible,
.clp2p-auth-card #loginform input[type="submit"]:focus-visible {
	box-shadow: 0 0 0 3px rgba(228, 0, 127, 0.2);
	outline: 0;
}

.clp2p-button:disabled {
	cursor: not-allowed;
	opacity: 0.45;
}

.clp2p-button--secondary {
	background: #403c86;
	color: #ffffff !important;
}

.clp2p-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.clp2p-auth-note {
	color: #4d557a;
	font-size: 14px;
	margin: 0;
}

.clp2p-auth-note a {
	color: #e4007f;
	font-weight: 800;
}

.clp2p-auth-card #loginform {
	display: grid;
	gap: 14px;
	margin: 0;
}

.clp2p-auth-card #loginform p {
	margin: 0;
}

.clp2p-auth-card #loginform label {
	color: #403c86;
	display: grid;
	font-size: 13px;
	font-weight: 800;
	gap: 7px;
}

.clp2p-auth-card .login-remember label {
	align-items: center;
	color: #4d557a;
	display: flex !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	gap: 9px;
}

.clp2p-auth-card .login-remember input {
	margin: 0;
}

.clp2p-auth-footer {
	align-items: center;
	border-top: 1px solid #e8ecf5;
	color: #4d557a;
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	gap: 7px;
	padding-top: 16px;
}

.clp2p-auth-footer a {
	color: #e4007f;
	font-weight: 900;
	text-decoration: none;
}

.clp2p-auth-recovery {
	font-size: 14px;
	margin: -4px 0 0;
	text-align: right;
}

.clp2p-auth-recovery a {
	color: #403c86;
	font-weight: 800;
}

.clp2p-email-code-card {
	align-content: start;
}

.clp2p-email-code-form {
	display: grid;
	gap: 12px;
}

.clp2p-email-code-form label {
	color: #403c86;
	font-size: 13px;
	font-weight: 800;
}

.clp2p-email-code-form input {
	font-size: clamp(30px, 6vw, 42px);
	font-variant-numeric: tabular-nums;
	font-weight: 900;
	letter-spacing: .28em;
	line-height: 1;
	padding: 18px 14px 18px calc(14px + .28em);
	text-align: center;
	width: 100%;
}

.clp2p-email-code-form small,
.clp2p-code-resend p,
.clp2p-code-help {
	color: #59617e;
	font-size: 13px;
	line-height: 1.45;
	margin: 0;
}

.clp2p-email-code-form .clp2p-button {
	justify-self: start;
	margin-top: 4px;
}

.clp2p-code-resend {
	border-top: 1px solid #e8ecf5;
	display: grid;
	gap: 10px;
	padding-top: 16px;
}

.clp2p-code-resend form {
	margin: 0;
}

.clp2p-code-resend .clp2p-button[disabled] {
	cursor: not-allowed;
	opacity: .55;
}

.clp2p-code-help a {
	color: #403c86;
	font-weight: 800;
}

.clp2p-kyc-guide {
	border-block: 1px solid #e8ecf5;
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.7fr);
	margin: 22px 0;
	padding: 24px 0;
}

.clp2p-kyc-guide__copy h3 {
	color: #2d2d62;
	font-size: 24px;
	line-height: 1.15;
	margin: 8px 0 10px;
}

.clp2p-kyc-guide__copy p,
.clp2p-kyc-guide__copy li,
.clp2p-kyc-guide__visual figcaption {
	color: #4d557a;
	font-size: 14px;
	line-height: 1.5;
}

.clp2p-kyc-guide__copy ul {
	display: grid;
	gap: 6px;
	margin: 14px 0 0;
	padding-left: 18px;
}

.clp2p-kyc-guide__visual {
	margin: 0;
	min-width: 0;
	position: relative;
}

.clp2p-kyc-guide__visual img {
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	display: block;
	height: auto;
	width: 100%;
}

.clp2p-kyc-guide__visual figcaption {
	margin-top: 7px;
}

.clp2p-kyc-guide__sign {
	align-items: center;
	color: #111111;
	display: grid;
	font-size: clamp(8px, 1.15vw, 18px);
	gap: 16%;
	justify-items: center;
	left: 78.8%;
	line-height: 1;
	position: absolute;
	top: 59.5%;
	width: 17%;
}

.clp2p-kyc-guide__sign strong {
	white-space: nowrap;
}

.clp2p-request-form {
	display: grid;
	gap: 14px;
}

.clp2p-submit-bar {
	align-items: center;
	background: #f7f8fc;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
	padding: 14px;
}

.clp2p-submit-bar p {
	color: #4d557a;
	flex: 1 1 260px;
	font-size: 14px;
	line-height: 1.45;
	margin: 0;
}

.clp2p-request-grid,
.clp2p-kyc-grid {
	border-top: 1px solid #e8ecf5;
	display: grid;
	gap: 12px;
	padding-top: 14px;
}

.clp2p-kyc-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clp2p-kyc-form {
	display: grid;
	gap: 14px;
}

.clp2p-destination-fields {
	background: #fbfbfe;
	border: 1px solid #dfe3ef;
	border-radius: 10px;
	display: grid;
	gap: 12px;
	grid-column: 1 / -1;
	padding: 14px;
}

.clp2p-request-contact-summary {
	grid-column: 1 / -1;
}

.clp2p-phone-input {
	align-items: stretch;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
}

.clp2p-phone-input > span {
	align-items: center;
	background: #eceef6;
	border: 1px solid #dfe3ef;
	border-radius: 8px 0 0 8px;
	color: #403c86;
	display: flex;
	font-weight: 800;
	min-width: 58px;
	padding: 0 12px;
}

.clp2p-phone-input > input {
	border-radius: 0 8px 8px 0;
}

.clp2p-contact-editor {
	border-top: 1px solid #e8ecf5;
	margin-top: 14px;
	padding-top: 12px;
}

.clp2p-contact-editor summary {
	color: #403c86;
	cursor: pointer;
	font-size: 13px;
	font-weight: 800;
	margin-bottom: 12px;
}

.clp2p-check {
	align-items: flex-start;
	color: #4d557a;
	display: flex;
	font-size: 14px;
	gap: 10px;
	line-height: 1.45;
}

.clp2p-check input {
	margin-top: 3px;
}

.clp2p-check a {
	color: #403c86;
	font-weight: 800;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.clp2p-check a:hover,
.clp2p-check a:focus-visible {
	color: #241d62;
}

.clp2p-legal-note {
	color: #5d6481;
	display: block;
	font-size: 12px;
	line-height: 1.45;
	margin: -6px 0 0 28px;
}

.clp2p-account-list {
	border-top: 1px solid #e8ecf5;
	display: grid;
	gap: 10px;
	padding-top: 14px;
}

.clp2p-account-list h3 {
	font-size: 18px;
	margin: 0;
}

.clp2p-account-list p {
	color: #4d557a;
	margin: 0;
}

.clp2p-account-item {
	background: #f7f8fc;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	display: grid;
	gap: 4px;
	padding: 12px;
}

.clp2p-account-item__head {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.clp2p-account-item__method {
	display: flex;
	margin: 5px 0;
}

.clp2p-account-item__method .clp2p-method-badge {
	min-width: min(100%, 260px);
}

.clp2p-account-item span {
	color: #4d557a;
	font-size: 14px;
	overflow-wrap: anywhere;
}

.clp2p-account-use {
	background: #f7f8fc;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	display: grid;
	gap: 8px;
	padding: 12px;
}

.clp2p-method-preview {
	align-items: center;
	background: linear-gradient(135deg, rgba(64, 60, 134, 0.06), rgba(228, 0, 127, 0.05));
	border: 1px solid rgba(64, 60, 134, 0.16);
	border-radius: 10px;
	display: flex;
	gap: 10px;
	margin-top: 2px;
	padding: 10px;
}

.clp2p-method-preview[hidden] {
	display: none;
}

.clp2p-method-preview__image {
	align-items: center;
	background: #ffffff;
	border: 1px solid #dfe3ef;
	border-radius: 9px;
	display: flex;
	height: 46px;
	justify-content: center;
	padding: 5px;
	width: 46px;
}

.clp2p-method-preview__image img {
	height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.clp2p-method-preview__image b {
	color: #403c86;
	font-size: 12px;
}

.clp2p-method-preview > span:last-child {
	display: grid;
	gap: 2px;
}

.clp2p-method-preview small,
.clp2p-method-preview em {
	color: #697089;
	font-size: 11px;
	font-style: normal;
}

.clp2p-method-preview strong {
	color: #2d2d62;
	font-size: 14px;
}

.clp2p-status-badge {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 12px !important;
	font-weight: 900;
	justify-self: start;
	padding: 5px 9px;
}

.clp2p-status-badge--approved {
	background: #e8f7ef;
	color: #176b3a !important;
}

.clp2p-status-badge--waiting_payment,
.clp2p-status-badge--proof_uploaded,
.clp2p-status-badge--processing {
	background: #eaf2ff;
	color: #174a83 !important;
}

.clp2p-status-badge--flagged {
	background: #fff2e5;
	color: #8a3d00 !important;
}

.clp2p-status-badge--pending_review,
.clp2p-status-badge--needs_info,
.clp2p-status-badge--pending_verification {
	background: #fff6df;
	color: #75530b !important;
}

.clp2p-status-badge--rejected {
	background: #fff0f5;
	color: #a40d4f !important;
}

.clp2p-alert {
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	padding: 12px;
}

.clp2p-alert--success {
	background: #e8f7ef;
	color: #176b3a;
}

.clp2p-alert--error {
	background: #fff0f5;
	color: #a40d4f;
}

.clp2p-alert--info {
	background: #eaf2ff;
	color: #174a83;
}

.clp2p-message-thread {
	border-top: 1px solid #e8ecf5;
	display: grid;
	gap: 14px;
	margin-top: 20px;
	padding-top: 18px;
}

.clp2p-message-list {
	display: grid;
	gap: 10px;
}

.clp2p-message-item {
	background: #f7f9fc;
	border: 1px solid #e1e7f0;
	border-radius: 8px;
	display: grid;
	gap: 4px;
	padding: 12px;
}

.clp2p-message-item--client {
	border-left: 4px solid #1f6feb;
}

.clp2p-message-item--operator,
.clp2p-message-item--admin {
	border-left: 4px solid #198754;
}

.clp2p-message-item p {
	margin: 0;
}

.clp2p-message-item small {
	color: #667085;
}

.clp2p-message-form {
	display: grid;
	gap: 8px;
	min-width: 0;
}

.clp2p-message-form > label {
	color: #403c86;
	font-size: 13px;
	font-weight: 800;
}

.clp2p-message-form select,
.clp2p-message-form textarea,
.clp2p-feedback textarea {
	background: #f7f8fc;
	border: 1px solid #dfe3ef;
	border-radius: 8px;
	box-sizing: border-box;
	color: #2d2d62;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.4;
	max-width: 100%;
	min-height: 48px;
	min-width: 0;
	padding: 10px 12px;
	width: 100%;
}

.clp2p-message-form textarea,
.clp2p-feedback textarea {
	min-height: 96px;
	resize: vertical;
}

.clp2p-message-form select:focus,
.clp2p-message-form textarea:focus,
.clp2p-feedback textarea:focus {
	background: #fff;
	border-color: #403c86;
	box-shadow: 0 0 0 3px rgba(64, 60, 134, 0.14);
	outline: 0;
}

.clp2p-message-form__notice,
.clp2p-message-form__help {
	color: #52607c;
	display: block;
	font-size: 13px;
	line-height: 1.45;
	margin: 0;
	overflow-wrap: anywhere;
}

.clp2p-home {
	margin: 0 auto 28px;
	max-width: 1080px;
}

.clp2p-home--primary {
	display: grid;
	gap: 14px;
	padding-top: 18px;
}

.clp2p-home--primary > h1 {
	color: #111827;
	font-size: 40px;
	line-height: 1.12;
	margin: 0;
	max-width: 820px;
}

.clp2p-home--primary > p {
	color: #475467;
	font-size: 17px;
	line-height: 1.6;
	margin: 0;
	max-width: 780px;
}

.clp2p-eyebrow {
	color: #1f6feb;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	margin: 0;
	text-transform: uppercase;
}

.clp2p-home--actions,
.clp2p-home--trust {
	background: #f8fafc;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 18px 20px;
}

.clp2p-home--actions h2,
.clp2p-home--trust h2 {
	color: #111827;
	font-size: 20px;
	line-height: 1.25;
	margin: 0 0 8px;
}

.clp2p-home--actions p,
.clp2p-home--trust p {
	color: #475467;
	margin: 0;
}

.clp2p-home a {
	color: #1f6feb;
	font-weight: 700;
	text-decoration: none;
}

.clp2p-home a:hover {
	text-decoration: underline;
}

@media (max-width: 760px) {
	.page-id-577 .cl-page-intro {
		margin-bottom: 16px;
	}

	.page-id-577 .cl-page-intro h1 {
		font-size: 34px;
		line-height: 1.04;
	}

	.page-id-577 .cl-page-intro p {
		font-size: 15px;
		line-height: 1.45;
	}

	.clp2p-quote-steps {
		grid-template-columns: 1fr;
	}

	.clp2p-rate-summary,
	.clp2p-transaction-summary {
		padding: 14px;
	}

	.clp2p-exchange-flow {
		grid-template-columns: minmax(0, 1fr);
	}

	.clp2p-exchange-arrow {
		transform: rotate(90deg);
	}

	.clp2p-exchange-leg {
		grid-template-columns: 50px minmax(0, 1fr);
		padding: 12px;
	}

	.clp2p-exchange-logo {
		height: 50px;
		width: 50px;
	}

	.clp2p-exchange-copy strong {
		font-size: 22px;
	}

	.clp2p-request-route {
		grid-template-columns: minmax(0, 1fr);
	}

	.clp2p-request-route > span {
		justify-self: center;
		transform: rotate(90deg);
	}

	.clp2p-home--primary > h1 {
		font-size: 30px;
	}

	.clp2p-auth-shell {
		grid-template-columns: 1fr;
	}

	.clp2p-auth-shell--verification .clp2p-email-code-card {
		order: 1;
	}

	.clp2p-auth-shell--verification .clp2p-auth-panel {
		order: 2;
	}

	.clp2p-dashboard-hero,
	.clp2p-dashboard-columns {
		grid-template-columns: 1fr;
	}

	.clp2p-dashboard-hero {
		align-items: flex-start;
		flex-direction: column;
	}

	.clp2p-dashboard-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.clp2p-checklist-panel,
	.clp2p-flow-list,
	.clp2p-info-grid,
	.clp2p-no-pairs {
		grid-template-columns: 1fr;
	}

	.clp2p-no-pairs__logos {
		justify-content: flex-start;
	}

	.clp2p-checklist-item + .clp2p-checklist-item {
		border-left: 0;
		border-top: 1px solid #e8ecf5;
	}

	.clp2p-auth-panel,
	.clp2p-auth-card,
	.clp2p-quote-card,
	.clp2p-kyc-card,
	.clp2p-panel {
		max-width: 100%;
		overflow: hidden;
		padding: 20px;
		width: 100%;
	}

	.clp2p-quote-header,
	.clp2p-quote-header h2,
	.clp2p-quote-header p,
	.clp2p-no-pairs,
	.clp2p-no-pairs__copy,
	.clp2p-field,
	.clp2p-result,
	.clp2p-note {
		max-width: 100%;
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.clp2p-quote-header h2 {
		font-size: 26px;
	}

	.clp2p-step {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 8px;
	}

	.clp2p-step__number {
		height: 28px;
		min-width: 28px;
	}

	.clp2p-auth-panel {
		min-height: auto;
	}

	.clp2p-kyc-grid {
		grid-template-columns: 1fr;
	}

	.clp2p-kyc-guide {
		grid-template-columns: 1fr;
	}

	.clp2p-profile-summary {
		grid-template-columns: 1fr;
	}

	.clp2p-submit-bar .clp2p-button,
	.clp2p-actions .clp2p-button {
		width: 100%;
	}
}
.clp2p-network-pill {
	background: #edf1f7;
	border-radius: 4px;
	color: #4d557a;
	display: inline-flex;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	margin-left: auto;
	padding: 5px 6px;
	white-space: nowrap;
}

.clp2p-method-catalog {
	display: grid;
	gap: 34px;
}

.clp2p-method-catalog__summary {
	background: linear-gradient(145deg, #f5f8ff 0%, #eaf0ff 100%);
	border: 1px solid #cfd9f2;
	border-radius: 14px;
	display: grid;
	gap: 5px;
	padding: 16px 18px;
}

.clp2p-method-catalog__summary strong {
	color: #1a2456;
	font-size: 16px;
}

.clp2p-method-catalog__summary span {
	color: #4d557a;
	font-size: 13px;
	line-height: 1.55;
}

.clp2p-method-group {
	border-top: 1px solid #dde3f1;
	padding-top: 18px;
}

.clp2p-method-group__head {
	align-items: baseline;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 16px;
}

.clp2p-method-group__head h2 {
	font-size: 24px;
	margin: 0;
}

.clp2p-method-group__status {
	color: #4d557a;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em;
	margin: 18px 0 9px;
	text-transform: uppercase;
}

.clp2p-method-group__status--available {
	color: #18794e;
}

.clp2p-method-group__head span,
.clp2p-method-group__note,
.clp2p-method-catalog__notice {
	color: #4d557a;
	font-size: 13px;
}

.clp2p-method-catalog__grid {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	background: #dde3f1;
	border: 1px solid #dde3f1;
}

.clp2p-method-catalog__item {
	align-items: center;
	background: #ffffff;
	display: grid;
	gap: 9px;
	min-height: 84px;
	padding: 14px;
}

.clp2p-method-catalog__item--available {
	box-shadow: inset 3px 0 0 #28a56d;
}

.clp2p-method-catalog__grid--planned,
.clp2p-method-catalog__item--planned {
	background: #f5f6f9;
}

.clp2p-method-catalog__item--planned .clp2p-method-badge {
	opacity: .72;
}

.clp2p-method-availability {
	color: #59617e;
	font-size: 11px;
	font-weight: 700;
}

.clp2p-method-catalog__item--available .clp2p-method-availability {
	color: #18794e;
}

.clp2p-method-catalog__item .clp2p-method-badge {
	width: 100%;
}

.clp2p-method-group__note,
.clp2p-method-catalog__notice {
	margin: 14px 0 0;
}

@media (max-width: 760px) {
	.clp2p-method-catalog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.clp2p-method-catalog__grid {
		grid-template-columns: 1fr;
	}
}

.clp2p-gift-fields,
.clp2p-gift-card-box {
	background: linear-gradient(145deg, #f8faff 0%, #eef3ff 100%);
	border: 1px solid #cfd9f2;
	border-radius: 14px;
	box-sizing: border-box;
	grid-column: 1 / -1;
	padding: 18px;
}

.clp2p-gift-fields[hidden],
.clp2p-gift-sell[hidden],
.clp2p-gift-buy[hidden],
[data-clp2p-send-account-field][hidden],
[data-clp2p-receive-account-field][hidden] {
	display: none !important;
}

.clp2p-gift-fields__head,
.clp2p-gift-card-box {
	display: grid;
	gap: 10px;
}

.clp2p-gift-fields__head strong,
.clp2p-gift-card-box__head > div > strong {
	color: #172044;
	font-size: 18px;
}

.clp2p-gift-fields__head p,
.clp2p-gift-card-box p {
	margin: 0;
}

.clp2p-gift-grid,
.clp2p-gift-card-meta {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 14px;
}

.clp2p-gift-sell,
.clp2p-gift-buy {
	margin-top: 14px;
}

.clp2p-gift-sell .clp2p-gift-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clp2p-gift-card-box {
	margin: 16px 0;
}

.clp2p-gift-card-box__head {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: space-between;
}

.clp2p-gift-card-box__head > div {
	display: grid;
	gap: 4px;
}

.clp2p-gift-card-meta span {
	background: rgba(255, 255, 255, .8);
	border: 1px solid #dce3f4;
	border-radius: 10px;
	color: #58617e;
	display: grid;
	font-size: 12px;
	gap: 3px;
	padding: 10px 12px;
}

.clp2p-gift-card-meta strong {
	color: #172044;
	font-size: 14px;
}

@media (max-width: 760px) {
	.clp2p-gift-grid,
	.clp2p-gift-card-meta,
	.clp2p-gift-sell .clp2p-gift-grid {
		grid-template-columns: 1fr;
	}

	.clp2p-gift-card-box__head {
		align-items: flex-start;
		flex-direction: column;
	}
}

.clp2p-file-status {
	align-items: center;
	background: #f4fbf8;
	border: 1px solid #b9e3d2;
	border-radius: 10px;
	color: #1e654e;
	display: grid;
	gap: 2px 9px;
	grid-template-columns: 24px minmax(0, 1fr);
	margin-top: 8px;
	padding: 9px 11px;
}

.clp2p-file-status[hidden] {
	display: none;
}

.clp2p-file-status > span {
	align-items: center;
	background: #16835f;
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: 12px;
	font-weight: 900;
	grid-row: 1 / span 2;
	height: 22px;
	justify-content: center;
	width: 22px;
}

.clp2p-file-status strong {
	color: #175c47;
	font-size: 13px;
	line-height: 1.25;
}

.clp2p-file-status small {
	color: #4e6f64;
	font-size: 12px;
	line-height: 1.35;
}

body.clp2p-is-submitting {
	overflow: hidden;
}

.clp2p-upload-progress {
	align-items: center;
	background: rgba(23, 24, 68, .82);
	backdrop-filter: blur(7px);
	display: flex;
	inset: 0;
	justify-content: center;
	overflow-y: auto;
	padding: 24px;
	position: fixed;
	z-index: 999999;
}

.clp2p-upload-progress[hidden] {
	display: none;
}

.clp2p-upload-progress__card {
	background: #fff;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 20px;
	box-shadow: 0 26px 80px rgba(12, 14, 51, .38);
	display: grid;
	gap: 14px;
	max-width: 520px;
	padding: clamp(24px, 5vw, 40px);
	text-align: center;
	width: 100%;
}

.clp2p-upload-progress__card .clp2p-kicker {
	justify-self: center;
}

.clp2p-upload-progress__card h2 {
	color: #2d2d62;
	font-size: clamp(24px, 4vw, 32px);
	line-height: 1.12;
	margin: 0;
}

.clp2p-upload-progress__card > p {
	color: #555d7e;
	line-height: 1.5;
	margin: 0;
}

.clp2p-upload-progress__icon {
	align-items: center;
	background: linear-gradient(145deg, #f0effc, #fdebf5);
	border-radius: 999px;
	display: inline-flex;
	height: 70px;
	justify-content: center;
	justify-self: center;
	position: relative;
	width: 70px;
}

.clp2p-upload-progress__icon::before,
.clp2p-upload-progress__icon::after {
	content: '';
	position: absolute;
}

.clp2p-upload-progress__icon::before {
	border: 4px solid rgba(64, 60, 134, .17);
	border-radius: 999px;
	border-top-color: #e4007f;
	height: 44px;
	width: 44px;
	animation: clp2p-upload-spin .9s linear infinite;
}

.clp2p-upload-progress__icon::after {
	border-bottom: 3px solid #403c86;
	border-right: 3px solid #403c86;
	height: 13px;
	transform: rotate(45deg) translate(-2px, -2px);
	width: 7px;
}

.clp2p-upload-progress__icon.is-error::before {
	animation: none;
	border-color: #e7b7c9;
}

.clp2p-upload-progress__icon.is-error::after {
	border: 0;
	color: #b42356;
	content: '!';
	font-size: 28px;
	font-weight: 900;
	height: auto;
	transform: none;
	width: auto;
}

.clp2p-upload-progress__track {
	background: #ececf5;
	border-radius: 999px;
	height: 12px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.clp2p-upload-progress__track > span {
	background: linear-gradient(90deg, #403c86, #e4007f);
	border-radius: inherit;
	display: block;
	height: 100%;
	min-width: 4px;
	transition: width .25s ease;
	width: 0;
}

.clp2p-upload-progress__meta {
	align-items: center;
	color: #525a79;
	display: flex;
	font-size: 13px;
	gap: 12px;
	justify-content: space-between;
	line-height: 1.4;
	text-align: left;
}

.clp2p-upload-progress__meta strong {
	color: #403c86;
	font-size: 16px;
	min-width: 42px;
}

.clp2p-upload-progress__meta span {
	text-align: right;
}

.clp2p-upload-progress__privacy {
	background: #f7f8fc;
	border-radius: 10px;
	font-size: 12px;
	padding: 10px 12px;
}

@keyframes clp2p-upload-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 520px) {
	.clp2p-upload-progress {
		align-items: flex-end;
		padding: 12px;
	}

	.clp2p-upload-progress__card {
		border-radius: 18px;
		gap: 12px;
		padding: 24px 20px;
	}

	.clp2p-upload-progress__meta {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.clp2p-upload-progress__meta span {
		text-align: left;
	}
}

@media (prefers-reduced-motion: reduce) {
	.clp2p-upload-progress__icon::before {
		animation-duration: 1.8s;
	}

	.clp2p-upload-progress__track > span {
		transition: none;
	}
}

/* Beginner-first quote flow. Native selectors remain available as the complete fallback. */
.clp2p-quote-card [hidden] {
	display: none !important;
}

.clp2p-easy-flow,
.clp2p-easy-toggle {
	display: none;
}

.clp2p-quote-card.is-easy-ready .clp2p-easy-flow {
	display: block;
}

.clp2p-quote-card.is-easy-ready .clp2p-quote-steps--advanced {
	display: none;
}

.clp2p-quote-card.is-easy-ready.is-advanced-mode .clp2p-easy-flow {
	display: none;
}

.clp2p-quote-card.is-easy-ready.is-advanced-mode .clp2p-quote-steps--advanced {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clp2p-quote-card.is-easy-ready .clp2p-easy-toggle {
	align-items: center;
	align-self: start;
	background: transparent;
	border: 0;
	color: #403c86;
	cursor: pointer;
	display: inline-flex;
	font-size: 12px;
	font-weight: 800;
	justify-content: flex-start;
	padding: 0;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.clp2p-quote-card.is-easy-ready:not(.has-easy-intent):not(.is-advanced-mode) > .clp2p-amount-step,
.clp2p-quote-card.is-easy-ready:not(.has-easy-intent):not(.is-advanced-mode) > [data-clp2p-result],
.clp2p-quote-card.is-easy-ready:not(.has-easy-intent):not(.is-advanced-mode) > [data-clp2p-note],
.clp2p-quote-card.is-easy-ready:not(.has-calculated-quote) [data-clp2p-quote-next],
.clp2p-quote-card.is-easy-ready:not(.has-calculated-quote) > .clp2p-request-form {
	display: none;
}

.clp2p-easy-heading {
	align-items: flex-start;
	display: flex;
	gap: 14px;
	justify-content: space-between;
}

.clp2p-easy-step {
	background: #eef1fb;
	border-radius: 999px;
	color: #403c86;
	flex: 0 0 auto;
	font-size: 11px;
	font-weight: 850;
	padding: 7px 10px;
}

.clp2p-easy-progress {
	background: #edf0f7;
	border-radius: 999px;
	height: 5px;
	overflow: hidden;
}

.clp2p-easy-progress > span {
	background: linear-gradient(90deg, #e4007f, #ff4cab);
	border-radius: inherit;
	display: block;
	height: 100%;
	transition: width 180ms ease;
	width: 33.333%;
}

.clp2p-easy-intents {
	display: grid;
	gap: 10px;
}

.clp2p-easy-intent {
	align-items: center;
	background: #fafbfe;
	border: 1px solid #dde3f1;
	border-radius: 12px;
	color: #2d2d62;
	cursor: pointer;
	display: grid;
	gap: 13px;
	grid-template-columns: 58px minmax(0, 1fr) 24px;
	min-height: 76px;
	padding: 9px 12px;
	text-align: left;
	transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
	width: 100%;
}

.clp2p-easy-intent:hover,
.clp2p-easy-intent:focus-visible {
	border-color: rgba(228, 0, 127, .48);
	box-shadow: 0 8px 22px rgba(45, 45, 98, .08);
	outline: 0;
	transform: translateY(-1px);
}

.clp2p-easy-intent__icons {
	background: #ffffff;
	border: 1px solid #e0e5f1;
	border-radius: 10px;
	height: 54px;
	overflow: hidden;
	position: relative;
	width: 54px;
}

.clp2p-easy-intent__icons .clp2p-easy-logo {
	border: 2px solid #ffffff;
	border-radius: 8px;
	height: 34px;
	padding: 3px;
	position: absolute;
	width: 34px;
}

.clp2p-easy-intent__icons .clp2p-easy-logo:first-child {
	left: 3px;
	top: 5px;
}

.clp2p-easy-intent__icons .clp2p-easy-logo:nth-child(2) {
	bottom: 4px;
	right: 3px;
}

.clp2p-easy-intent__copy {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.clp2p-easy-intent__copy strong {
	font-size: 15px;
	line-height: 1.25;
}

.clp2p-easy-intent__copy small {
	color: #59617e;
	font-size: 12px;
}

.clp2p-easy-intent__arrow {
	align-items: center;
	background: #f0f2f9;
	border-radius: 50%;
	display: flex;
	font-size: 21px;
	height: 24px;
	justify-content: center;
	line-height: 1;
	width: 24px;
}

.clp2p-easy-logo {
	align-items: center;
	background: #ffffff;
	border: 1px solid #dfe4f0;
	border-radius: 9px;
	display: flex;
	height: 48px;
	justify-content: center;
	overflow: hidden;
	padding: 6px;
	width: 48px;
}

.clp2p-easy-logo img {
	display: block;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.clp2p-easy-logo b {
	color: #403c86;
	font-size: 11px;
}

.clp2p-easy-availability {
	align-items: center;
	background: #f0faf5;
	border-radius: 9px;
	color: #236744;
	display: flex;
	font-size: 11px;
	font-weight: 750;
	gap: 7px;
	margin: 13px 0 0;
	padding: 9px 11px;
}

.clp2p-easy-availability span {
	color: #159b5b;
	font-size: 8px;
}

.clp2p-easy-route-panel {
	display: grid;
	gap: 16px;
}

.clp2p-easy-selection-head {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.clp2p-easy-selection {
	background: #f8eaf2;
	border-radius: 999px;
	color: #a20a60;
	font-size: 12px;
	font-weight: 850;
	padding: 7px 11px;
}

.clp2p-easy-selection-head button {
	background: transparent;
	border: 0;
	color: #403c86;
	cursor: pointer;
	font-size: 12px;
	font-weight: 800;
	padding: 4px 0;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.clp2p-easy-choice {
	display: grid;
	gap: 8px;
}

.clp2p-easy-choice > strong {
	font-size: 13px;
}

.clp2p-easy-methods {
	display: grid;
	gap: 9px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clp2p-easy-method {
	align-items: center;
	background: #fafbfe;
	border: 1px solid #dde3f1;
	border-radius: 11px;
	color: #2d2d62;
	display: grid;
	gap: 9px;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	min-height: 64px;
	padding: 8px 9px;
	text-align: left;
	width: 100%;
}

button.clp2p-easy-method {
	cursor: pointer;
}

.clp2p-easy-method.is-selected {
	background: #f7f5fd;
	border: 2px solid #403c86;
	padding: 7px 8px;
}

.clp2p-easy-method.is-auto {
	background: #f2f7ff;
	border-color: #dce8f8;
	grid-column: 1 / -1;
}

.clp2p-easy-method .clp2p-easy-logo {
	height: 46px;
	width: 46px;
}

.clp2p-easy-method > span:nth-child(2) {
	display: grid;
	min-width: 0;
}

.clp2p-easy-method strong {
	font-size: 12px;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.clp2p-easy-method small {
	color: #59617e;
	font-size: 10px;
}

.clp2p-easy-method__auto {
	background: #e3edf9;
	border-radius: 999px;
	color: #42617d;
	font-size: 8px;
	font-weight: 900;
	padding: 5px 7px;
	text-transform: uppercase;
}

.clp2p-easy-method__check {
	align-items: center;
	background: #403c86;
	border-radius: 50%;
	color: #ffffff;
	display: flex;
	font-size: 9px;
	height: 19px;
	justify-content: center;
	width: 19px;
}

.clp2p-amount-step {
	background: #fafbfe;
	border: 1px solid #e1e5f0;
	border-radius: 11px;
	padding: 13px;
}

.clp2p-amount-control {
	align-items: center;
	background: #ffffff;
	border: 2px solid rgba(64, 60, 134, .22);
	border-radius: 10px;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	min-height: 52px;
	padding: 0 12px;
}

.clp2p-amount-control > span {
	color: #566080;
	font-size: 18px;
	font-weight: 800;
}

.clp2p-amount-control input[data-clp2p-amount] {
	background: transparent;
	border: 0;
	box-shadow: none;
	font-size: 23px;
	font-weight: 850;
	min-height: 48px;
	padding: 6px 8px;
}

.clp2p-amount-control input[data-clp2p-amount]:focus {
	box-shadow: none;
}

.clp2p-amount-control small {
	color: #566080;
	font-size: 11px;
	font-weight: 800;
}

.clp2p-quick-amounts {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.clp2p-quick-amounts > span {
	color: #697089;
	font-size: 10px;
	font-weight: 800;
	margin-right: 2px;
}

.clp2p-quick-amounts button {
	background: #ffffff;
	border: 1px solid #d9deeb;
	border-radius: 999px;
	color: #403c86;
	cursor: pointer;
	font: inherit;
	font-size: 11px;
	font-weight: 850;
	min-height: 32px;
	padding: 5px 11px;
}

.clp2p-quick-amounts button:hover,
.clp2p-quick-amounts button:focus-visible,
.clp2p-quick-amounts button.is-selected {
	background: #403c86;
	border-color: #403c86;
	color: #ffffff;
	outline: 0;
}

.clp2p-quick-amounts button:focus-visible {
	box-shadow: 0 0 0 3px rgba(64, 60, 134, 0.18);
}

.clp2p-quote-next {
	display: grid;
	gap: 9px;
}

.clp2p-quote-next .clp2p-button {
	width: 100%;
}

.clp2p-quote-next > p,
.clp2p-quote-next > small {
	color: #59617e;
	font-size: 11px;
	margin: 0;
	text-align: center;
}

.clp2p-quote-next > p a {
	color: #403c86;
	font-weight: 850;
}

.clp2p-method-planned {
	background: #f7f8fb;
	border: 1px solid #e0e4ef;
	border-radius: 10px;
	margin-top: 18px;
	overflow: hidden;
}

.clp2p-method-planned summary {
	color: #4d557a;
	cursor: pointer;
	font-size: 12px;
	font-weight: 850;
	padding: 12px 14px;
}

.clp2p-method-planned[open] summary {
	border-bottom: 1px solid #e0e4ef;
}

.clp2p-onboarding-progress {
	background: #f7f8fc;
	border: 1px solid #e2e6f0;
	border-radius: 10px;
	display: grid;
	gap: 9px;
	padding: 13px 15px;
}

.clp2p-onboarding-progress > div {
	display: flex;
	font-size: 12px;
	gap: 14px;
	justify-content: space-between;
}

.clp2p-onboarding-progress > div span {
	color: #59617e;
}

.clp2p-onboarding-progress__track {
	background: #e4e7f0;
	border-radius: 999px;
	height: 7px;
	overflow: hidden;
}

.clp2p-onboarding-progress__track b {
	background: linear-gradient(90deg, #e4007f, #ff4cab);
	border-radius: inherit;
	display: block;
	height: 100%;
}

.clp2p-dashboard-shell .clp2p-checklist-panel {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.clp2p-dashboard-shell .clp2p-checklist-item > span {
	align-items: center;
	color: #ffffff;
	display: flex;
	font-size: 9px;
	font-weight: 900;
	justify-content: center;
}

@media (max-width: 760px) {
	.clp2p-quote-card.is-easy-ready.is-advanced-mode .clp2p-quote-steps--advanced,
	.clp2p-easy-methods {
		grid-template-columns: 1fr;
	}

	.clp2p-easy-heading {
		gap: 8px;
	}

	.clp2p-easy-step {
		font-size: 9px;
		padding: 6px 8px;
	}

	.clp2p-easy-intent {
		grid-template-columns: 52px minmax(0, 1fr) 24px;
		min-height: 72px;
	}

	.clp2p-easy-intent__icons {
		height: 48px;
		width: 48px;
	}

	.clp2p-easy-intent__icons .clp2p-easy-logo {
		height: 30px;
		width: 30px;
	}

	.clp2p-easy-method.is-auto {
		grid-column: auto;
	}

	.clp2p-quote-receipt__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.clp2p-quote-receipt__row {
		gap: 6px;
		grid-template-columns: 1fr;
	}

	.clp2p-quote-receipt__row > strong {
		text-align: left;
	}

	.clp2p-quote-receipt__market {
		display: grid;
	}

	.clp2p-transaction-breakdown > div {
		align-items: start;
		grid-template-columns: 1fr;
	}

	.clp2p-transaction-breakdown strong {
		text-align: left;
	}

	.clp2p-easy-progress > span {
		transition: none;
	}

	.clp2p-dashboard-shell .clp2p-checklist-panel {
		grid-template-columns: 1fr;
	}
}
.clp2p-payment-instruction {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	margin: 18px 0;
	padding: 18px;
	border: 1px solid #c7d2fe;
	border-radius: 18px;
	background: linear-gradient(135deg, #eef2ff 0%, #ffffff 100%);
}

.clp2p-payment-instruction.is-expired {
	border-color: #fed7aa;
	background: #fff7ed;
}

.clp2p-payment-instruction__icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	background: #6d28d9;
	color: #fff;
	font-size: 20px;
	font-weight: 800;
}

.clp2p-payment-instruction__copy {
	display: grid;
	gap: 4px;
}

.clp2p-payment-instruction__copy p,
.clp2p-payment-instruction__copy small {
	margin: 0;
}

@media (max-width: 680px) {
	.clp2p-payment-instruction {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.clp2p-payment-instruction > a {
		grid-column: 1 / -1;
		width: 100%;
		text-align: center;
	}
}

.clp2p-service-card {
	background: linear-gradient(135deg, #f1f7ff 0%, #ffffff 100%);
	border: 1px solid #bfd5f4;
	border-left: 5px solid #1f6feb;
	border-radius: 16px;
	display: grid;
	gap: 12px;
	padding: 18px;
}

.clp2p-service-card.is-overdue {
	background: #fff8f8;
	border-color: #efb8c9;
	border-left-color: #b4235a;
}

.clp2p-service-card__head {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: space-between;
}

.clp2p-service-card__head > div {
	display: grid;
	gap: 3px;
}

.clp2p-service-card__head h4 {
	color: #111b3c;
	font-size: 20px;
	line-height: 1.3;
	margin: 0;
}

.clp2p-service-card > p,
.clp2p-service-card > small {
	margin: 0;
}

.clp2p-service-card__grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.clp2p-service-card__grid--compact {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clp2p-service-card__grid > div {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #dbe7f7;
	border-radius: 10px;
	display: grid;
	gap: 4px;
	min-width: 0;
	padding: 12px;
}

.clp2p-service-card__grid span {
	color: #52607c;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.clp2p-service-card__grid strong {
	color: #172445;
	font-size: 14px;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.clp2p-service-owner,
.clp2p-unread-badge {
	background: #e7f0ff;
	border-radius: 999px;
	color: #174a83 !important;
	display: inline-flex;
	font-size: 12px !important;
	font-weight: 900;
	padding: 6px 10px;
}

.clp2p-service-owner--client {
	background: #fff4d6;
	color: #75530b !important;
}

.clp2p-service-owner--closed {
	background: #e8f7ef;
	color: #176b3a !important;
}

.clp2p-unread-badge {
	background: #b4235a;
	color: #fff !important;
}

.clp2p-feedback {
	background: #fbfcff;
	border: 1px solid #dfe6f2;
	border-radius: 16px;
	display: grid;
	gap: 12px;
	margin-top: 18px;
	padding: 18px;
}

.clp2p-feedback h3,
.clp2p-feedback p {
	margin: 0;
}

.clp2p-feedback form,
.clp2p-feedback fieldset {
	display: grid;
	gap: 10px;
	min-width: 0;
}

.clp2p-feedback fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.clp2p-feedback__ratings {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.clp2p-feedback__rating input {
	position: absolute;
	opacity: 0;
}

.clp2p-feedback__rating span {
	align-items: center;
	background: #fff;
	border: 1px solid #b9c8df;
	border-radius: 999px;
	cursor: pointer;
	display: inline-flex;
	font-weight: 900;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.clp2p-feedback__rating input:focus-visible + span,
.clp2p-feedback__rating input:checked + span {
	background: #1f6feb;
	border-color: #1f6feb;
	color: #fff;
	outline: 3px solid rgba(31, 111, 235, 0.2);
}

.clp2p-feedback__contact {
	align-items: flex-start;
	display: flex;
	gap: 8px;
}

@media (max-width: 680px) {
	.clp2p-service-card__grid {
		grid-template-columns: 1fr;
	}

	.clp2p-service-card__head {
		align-items: stretch;
		flex-direction: column;
	}
}