/* Fixerwo Panel — login / register (4 designs) */

.fxwp-auth { position: relative; border-radius: var(--fxwp-radius); overflow: hidden; min-height: 560px; }
.fxwp-auth-logo { height: 34px; margin-bottom: 18px; }

.fxwp-auth-panes { position: relative; }
.fxwp-auth-pane { display: none; animation: fxwp-fade var(--fxwp-anim) ease; }
.fxwp-auth-pane.fxwp-active { display: block; }
@keyframes fxwp-fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

.fxwp-auth-heading { font-size: 24px; font-weight: 800; margin: 0 0 6px; }
.fxwp-auth-subtitle { color: var(--fxwp-text-muted); font-size: 13.5px; margin: 0 0 22px; }
.fxwp-auth-subtitle a { font-weight: 700; }

.fxwp-password-wrap { position: relative; display: block; }
.fxwp-password-wrap .fxwp-input { padding-inline-end: 42px; }
.fxwp-toggle-pass { position: absolute; inset-inline-end: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: var(--fxwp-text-muted); display: flex; }
.fxwp-toggle-pass .fxwp-icon { font-size: 18px; }

.fxwp-switch-mode { text-align: center; font-size: 13px; color: var(--fxwp-text-muted); margin-top: 18px; }
.fxwp-switch-mode a { font-weight: 700; }
.fxwp-terms { align-items: flex-start; margin-bottom: 18px; }
.fxwp-terms input { margin-top: 3px; }
.fxwp-auth-form .fxwp-btn { width: 100%; }

.fxwp-auth-tabs { display: flex; background: var(--fxwp-surface-2); border-radius: 999px; padding: 4px; margin-bottom: 24px; gap: 4px; }
.fxwp-auth-tab { flex: 1; padding: 10px; border: none; background: none; border-radius: 999px; font-weight: 700; font-size: 13.5px; color: var(--fxwp-text-muted); cursor: pointer; transition: background var(--fxwp-anim) ease, color var(--fxwp-anim) ease; }
.fxwp-auth-tab.fxwp-active { background: var(--fxwp-surface); color: var(--fxwp-primary); box-shadow: var(--fxwp-shadow); }

/* ============ Design 1 — Split Screen ============ */
.fxwp-auth-1 { display: flex; direction: ltr; min-height: 620px; background: var(--fxwp-surface); }
.fxwp-auth-1-illustration {
	direction: ltr; order: 1; flex: 1;
	background: linear-gradient(160deg, #EEF1FF, #E3E6FB);
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	padding: 30px;
}
.fxwp-auth-1-svg { width: 100%; max-width: 320px; }
.fxwp-ill-blob { fill: #E0E4FB; }
.fxwp-ill-phone { fill: #fff; stroke: var(--fxwp-primary); stroke-width: 3; }
.fxwp-ill-screen { fill: #EEF0FE; }
.fxwp-ill-btn { fill: none; stroke: var(--fxwp-primary); stroke-width: 3; }
.fxwp-ill-bag { fill: var(--fxwp-primary); opacity: .9; }
.fxwp-ill-bag-handle { fill: none; stroke: var(--fxwp-primary); stroke-width: 5; }
.fxwp-ill-dot { fill: #fff; }
.fxwp-ill-circle { fill: #fff; stroke: var(--fxwp-success); stroke-width: 3; }
.fxwp-ill-check { fill: none; stroke: var(--fxwp-success); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.fxwp-ill-circle-alt { fill: #fff; stroke: var(--fxwp-secondary); stroke-width: 3; }
.fxwp-ill-plus { fill: none; stroke: var(--fxwp-secondary); stroke-width: 3; stroke-linecap: round; }
.fxwp-ill-dot-alt { fill: var(--fxwp-secondary); opacity: .5; }
.fxwp-ill-float-1 { animation: fxwp-float 4s ease-in-out infinite; }
.fxwp-ill-float-2 { animation: fxwp-float 5s ease-in-out infinite reverse; }
@keyframes fxwp-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.fxwp-auth-1-tagline { margin-top: 20px; color: var(--fxwp-text-muted); font-size: 13.5px; text-align: center; max-width: 260px; }

.fxwp-auth-1-panel { direction: rtl; order: 2; flex: 1; display: flex; align-items: center; justify-content: center; padding: 40px; }
.fxwp-auth-1-panel .fxwp-auth-card { width: 100%; max-width: 380px; }

/* ============ Design 2 — Glassmorphism ============ */
.fxwp-auth-2 {
	display: flex; align-items: center; justify-content: center;
	min-height: 640px; padding: 40px 20px;
	background: linear-gradient(150deg, #241653, #4C2A85 55%, #7C3AED);
}
.fxwp-auth-2-bg { position: absolute; inset: 0; overflow: hidden; }
.fxwp-auth-2-svg { width: 100%; height: 100%; }
.fxwp-ill2-blob-a { fill: #A78BFA; opacity: .35; filter: blur(2px); }
.fxwp-ill2-blob-b { fill: #F472B6; opacity: .25; filter: blur(2px); }
.fxwp-ill2-ring { fill: none; stroke: rgba(255,255,255,.35); stroke-width: 2; }
.fxwp-ill2-ring-group { animation: fxwp-spin 18s linear infinite; transform-origin: 640px 420px; }
@keyframes fxwp-spin { to { transform: rotate(360deg); } }
.fxwp-ill2-stars path { fill: rgba(255,255,255,.7); }

.fxwp-auth-2-card {
	position: relative; z-index: 1;
	width: 100%; max-width: 400px;
	background: rgba(255,255,255,.1);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border: 1px solid rgba(255,255,255,.25);
	border-radius: var(--fxwp-radius);
	padding: 36px 30px;
	color: #fff;
	box-shadow: var(--fxwp-shadow-lg);
}
.fxwp-auth-2-card .fxwp-auth-subtitle { color: rgba(255,255,255,.7); }
.fxwp-auth-2-card .fxwp-field > span { color: rgba(255,255,255,.75); }
.fxwp-auth-2-card .fxwp-input { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25); color: #fff; }
.fxwp-auth-2-card .fxwp-input::placeholder { color: rgba(255,255,255,.5); }
.fxwp-auth-2-card .fxwp-checkbox { color: rgba(255,255,255,.7); }
.fxwp-auth-2-card .fxwp-switch-mode { color: rgba(255,255,255,.7); }
.fxwp-auth-2-card .fxwp-auth-tabs { background: rgba(255,255,255,.1); }
.fxwp-auth-2-card .fxwp-auth-tab { color: rgba(255,255,255,.7); }
.fxwp-auth-2-card .fxwp-auth-tab.fxwp-active { background: #fff; color: #4C2A85; }
.fxwp-auth-2-card .fxwp-toggle-pass { color: rgba(255,255,255,.7); }

/* ============ Design 3 — Minimal ============ */
.fxwp-auth-3 { display: flex; align-items: center; justify-content: center; gap: 50px; min-height: 600px; padding: 40px 20px; background: #fff; }
.fxwp-auth-3-card { width: 100%; max-width: 380px; border: 1px solid var(--fxwp-border); border-radius: var(--fxwp-radius); padding: 36px 32px; box-shadow: var(--fxwp-shadow); }
.fxwp-auth-3-side { display: none; flex-direction: column; gap: 18px; }
.fxwp-auth-3-mini-card { background: var(--fxwp-surface-2); border: 1px solid var(--fxwp-border); border-radius: calc(var(--fxwp-radius) * 0.8); padding: 18px; width: 220px; }
.fxwp-auth-3-mini-label { display: block; font-size: 12px; color: var(--fxwp-text-muted); margin-bottom: 4px; }
.fxwp-auth-3-mini-value { display: block; font-size: 20px; font-weight: 800; margin-bottom: 12px; }
.fxwp-auth-3-bars { display: flex; align-items: flex-end; gap: 6px; height: 40px; }
.fxwp-auth-3-bars span { flex: 1; height: var(--h); background: linear-gradient(180deg, var(--fxwp-primary), var(--fxwp-secondary)); border-radius: 3px; }
.fxwp-auth-3-mini-card-alt { display: flex; align-items: center; gap: 12px; }
.fxwp-auth-3-ring { width: 44px; height: 44px; transform: rotate(-90deg); flex-shrink: 0; }
.fxwp-auth-3-ring-bg { fill: none; stroke: var(--fxwp-border); stroke-width: 4; }
.fxwp-auth-3-ring-fg { fill: none; stroke: var(--fxwp-success); stroke-width: 4; stroke-dasharray: 97.4; stroke-dashoffset: 30; stroke-linecap: round; }
.fxwp-auth-3-mini-card-alt span { font-size: 13px; font-weight: 600; }

/* ============ Design 4 — Modern Gradient ============ */
.fxwp-auth-4 { display: flex; direction: ltr; min-height: 640px; }
.fxwp-auth-4-hero {
	direction: ltr; order: 1; flex: 1.1;
	background: linear-gradient(150deg, #1E6FEB, #7C3AED 55%, #22C55E);
	color: #fff;
	padding: 46px;
	display: flex; flex-direction: column; justify-content: center;
	position: relative; overflow: hidden;
}
.fxwp-auth-4-brand, .fxwp-auth-4-logo { font-weight: 800; font-size: 18px; margin-bottom: 30px; filter: brightness(0) invert(1); max-height: 30px; }
.fxwp-auth-4-headline { font-size: 26px; font-weight: 800; max-width: 360px; margin: 0 0 10px; }
.fxwp-auth-4-sub { max-width: 360px; opacity: .9; font-size: 14px; margin: 0; }
.fxwp-auth-4-svg { position: absolute; inset-inline-end: -40px; bottom: -30px; width: 320px; opacity: .9; }
.fxwp-ill4-rocket-body, .fxwp-ill4-rocket-head { fill: #fff; }
.fxwp-ill4-rocket-window { fill: #1E6FEB; }
.fxwp-ill4-fin { fill: #FDE68A; }
.fxwp-ill4-flame { fill: #FDBA74; animation: fxwp-flame 1s ease-in-out infinite alternate; }
@keyframes fxwp-flame { from { transform: scaleY(1); } to { transform: scaleY(1.25); } }
.fxwp-ill4-dot { fill: rgba(255,255,255,.6); }
.fxwp-ill4-star { fill: rgba(255,255,255,.8); }

.fxwp-auth-4-card { direction: rtl; order: 2; flex: 1; display: flex; align-items: center; justify-content: center; padding: 40px; background: var(--fxwp-surface); }
.fxwp-auth-4-card .fxwp-auth-panes { width: 100%; max-width: 360px; }

/* ============ Responsive ============ */
@media (min-width: 1000px) {
	.fxwp-auth-3-side { display: flex; }
}
@media (max-width: 820px) {
	.fxwp-auth-1, .fxwp-auth-4 { flex-direction: column; }
	.fxwp-auth-1-illustration, .fxwp-auth-4-hero { order: 1; padding: 30px 24px; }
	.fxwp-auth-1-panel, .fxwp-auth-4-card { order: 2; padding: 30px 24px; }
	.fxwp-auth-4-svg { position: static; width: 200px; margin-top: 20px; }
	.fxwp-auth-1-svg { max-width: 220px; }
}

/* =========================================================================
   Shared additions: OTP flow, forgot/reset, method switch
   ========================================================================= */
.fxwp-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.fxwp-form-alert-success { background: color-mix(in srgb, var(--fxwp-success) 12%, transparent) !important; color: var(--fxwp-success) !important; border-color: color-mix(in srgb, var(--fxwp-success) 30%, transparent) !important; }
.fxwp-form-alert[hidden] { display: none; }

.fxwp-otp .fxwp-btn { width: 100%; }
.fxwp-otp-step { display: none; }
.fxwp-otp-step.fxwp-active { display: block; animation: fxwp-fade var(--fxwp-anim) ease; }
.fxwp-otp-info { margin: 0 0 14px; font-size: 13px; color: var(--fxwp-text-muted); line-height: 1.9; }
.fxwp-otp-info b { color: var(--fxwp-text); font-weight: 700; display: inline-block; }
.fxwp-otp-info a { font-weight: 700; margin-inline-start: 6px; }
.fxwp-otp-code { text-align: center; font-size: 26px; font-weight: 800; letter-spacing: .5em; padding-inline-start: calc(.5em + 14px); margin-bottom: 14px; }
.fxwp-otp-code::placeholder { letter-spacing: .35em; opacity: .35; }
.fxwp-otp-resend { display: block; width: 100%; margin-top: 12px; padding: 8px; border: 0; background: none; color: var(--fxwp-primary); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.fxwp-otp-resend:disabled { color: var(--fxwp-text-muted); cursor: default; font-weight: 500; }
.fxwp-otp.is-busy .fxwp-btn { opacity: .7; pointer-events: none; }

.fxwp-method-block { display: none; }
.fxwp-login-methods[data-active="otp"] .fxwp-method-block[data-method="otp"],
.fxwp-login-methods[data-active="password"] .fxwp-method-block[data-method="password"] { display: block; animation: fxwp-fade var(--fxwp-anim) ease; }

.fxwp-forgot-link { font-size: 12.5px; }

/* =========================================================================
   Design 5 — Leaf
   ========================================================================= */
.fxwp-auth-5 { display: flex; align-items: center; justify-content: center; min-height: 600px; padding: 36px 16px; background: linear-gradient(160deg, #eef1f8, #dfe6f3 60%, #e8eef0); }
.fxwp-auth-5-bg { position: absolute; inset: 0; }
.fxwp-auth-5-bg svg { width: 100%; height: 100%; opacity: .55; }
.fxwp-auth-5-card { position: relative; width: 100%; max-width: 440px; padding: 34px 40px 36px; border-radius: 22px; background: rgba(255, 255, 255, .86); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 24px 60px -20px rgba(40, 60, 90, .35); }
.fxwp-auth-5-logo { display: block; height: 52px; margin: 0 auto 26px; }
.fxwp-auth-5-sitename { text-align: center; font-size: 22px; font-weight: 800; margin-bottom: 26px; color: #3b4a5a; }
.fxwp-auth-5 .fxwp-auth-form,
.fxwp-auth-5 .fxwp-otp { display: flex; flex-direction: column; }
.fxwp-auth-5 .fxwp-otp-step.fxwp-active { display: flex; flex-direction: column; }
.fxwp-auth-5 .fxwp-field { order: 0; margin-bottom: 14px; font-size: 13.5px; font-weight: 500; color: #1f2937; }
.fxwp-auth-5 .fxwp-input { height: 52px; border-radius: 10px; border: 1px solid #e3e7ee; background: #fff; box-shadow: 0 2px 6px rgba(20, 30, 50, .05); }
.fxwp-auth-5 .fxwp-input:focus { border-color: #FFC23C; box-shadow: 0 0 0 3px rgba(255, 194, 60, .3); outline: 0; }
.fxwp-auth-5 .fxwp-field-row { display: contents; }
.fxwp-auth-5 .fxwp-checkbox { order: 1; display: flex; align-items: center; gap: 10px; margin: 4px 0 18px; font-size: 13px; color: #374151; cursor: pointer; }
.fxwp-auth-5 .fxwp-checkbox input[type="checkbox"] { appearance: none; -webkit-appearance: none; position: relative; flex: none; width: 48px; height: 28px; margin: 0; border-radius: 99px; background: #cfd5dc; cursor: pointer; transition: background .2s; }
.fxwp-auth-5 .fxwp-checkbox input[type="checkbox"]::after { content: ''; position: absolute; top: 3px; inset-inline-start: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: inset-inline-start .2s; }
.fxwp-auth-5 .fxwp-checkbox input[type="checkbox"]:checked { background: #22b45e; }
.fxwp-auth-5 .fxwp-checkbox input[type="checkbox"]:checked::after { inset-inline-start: 23px; }
.fxwp-auth-5 .fxwp-btn-primary { order: 2; height: 54px; border: 0; border-radius: 10px; background: #FFC23C; color: #1f2937; font-size: 16px; font-weight: 600; box-shadow: 0 4px 10px rgba(255, 194, 60, .45); }
.fxwp-auth-5 .fxwp-btn-primary:hover { background: #ffb81a; box-shadow: 0 8px 18px rgba(255, 184, 26, .5); }
.fxwp-auth-5 .fxwp-forgot-link { order: 3; align-self: center; margin-top: 30px; padding: 14px 26px; border-radius: 10px; background: #e9edef; color: #2f3b47; font-size: 13.5px; font-weight: 500; text-decoration: none; }
.fxwp-auth-5 .fxwp-forgot-link:hover { background: #dde3e6; }
.fxwp-auth-5 .fxwp-switch-mode { order: 4; margin-top: 18px; }
.fxwp-auth-5 .fxwp-form-alert { order: -1; }
.fxwp-auth-5 .fxwp-auth-heading { text-align: center; }
.fxwp-auth-5 .fxwp-auth-subtitle { text-align: center; }

/* =========================================================================
   Design 6 — Checkout
   ========================================================================= */
.fxwp-auth-6 { display: flex; align-items: center; justify-content: center; min-height: 600px; padding: 40px 16px; background: #f3f4fb; }
.fxwp-auth-6-bg { position: absolute; inset: 0; pointer-events: none; }
.fxwp-auth-6-cart { position: absolute; right: 6%; top: 50%; width: min(380px, 42vw); transform: translateY(-38%); fill: none; stroke: #dfe2f4; stroke-width: 22; stroke-linecap: round; stroke-linejoin: round; }
.fxwp-auth-6-cart circle { fill: #dfe2f4; stroke: none; }
.fxwp-auth-6-check { position: absolute; right: calc(6% + min(380px, 42vw) * .68); top: calc(50% - 150px); display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #6c72dc; box-shadow: 0 8px 20px rgba(108, 114, 220, .4); }
.fxwp-auth-6-card { position: relative; width: 100%; max-width: 390px; padding: 34px 28px 28px; border-radius: 22px; background: #fff; box-shadow: 0 20px 50px -18px rgba(70, 80, 160, .3); text-align: center; }
.fxwp-auth-6-badge { display: inline-grid; place-items: center; width: 62px; height: 62px; margin-top: -62px; margin-bottom: 14px; border-radius: 50%; background: #fff; color: #5b5bf7; box-shadow: 0 8px 22px rgba(70, 80, 160, .18); }
.fxwp-auth-6 .fxwp-auth-heading { font-size: 20px; color: #2b2f66; }
.fxwp-auth-6 .fxwp-auth-subtitle { font-size: 12.5px; margin-bottom: 22px; }
.fxwp-auth-6 .fxwp-field > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.fxwp-auth-6 .fxwp-field-password > span:first-child { margin-bottom: 0; }
.fxwp-auth-6 .fxwp-field { margin-bottom: 14px; text-align: start; }
.fxwp-auth-6 .fxwp-input { height: 46px; border-radius: 10px; border: 1px solid #e8eaf5; background-color: #fafaff; font-size: 13px; }
.fxwp-auth-6 .fxwp-input[name="fxwp_login"],
.fxwp-auth-6 .fxwp-input[name="fxwp_phone"] { padding-inline-start: 44px; background-repeat: no-repeat; background-position: right 14px center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b90c0'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E"); background-size: 18px; }
.fxwp-auth-6 .fxwp-input:focus { border-color: #5b5bf7; box-shadow: 0 0 0 3px rgba(91, 91, 247, .15); outline: 0; }
.fxwp-auth-6 .fxwp-btn-primary { height: 46px; border-radius: 10px; background: #5a5ff0; border: 0; font-size: 14px; font-weight: 600; box-shadow: none; }
.fxwp-auth-6 .fxwp-btn-primary:hover { background: #4a50e0; box-shadow: 0 8px 18px rgba(90, 95, 240, .35); }
.fxwp-auth-6 .fxwp-field-row { margin: 0 0 16px; justify-content: space-between; font-size: 12px; }
.fxwp-auth-6 [data-pane="login"] .fxwp-switch-mode { display: none; }
.fxwp-auth-6 [data-pane="login"] .fxwp-login-methods .fxwp-switch-mode { display: block; }
.fxwp-auth-6 .fxwp-or { display: flex; align-items: center; gap: 12px; margin: 22px 0 14px; color: #6b7280; font-size: 12.5px; }
.fxwp-auth-6 .fxwp-or::before, .fxwp-auth-6 .fxwp-or::after { content: ''; flex: 1; height: 1px; background: #e8eaf2; }
.fxwp-auth-6-signup { display: inline-block; color: #4b50c8; font-size: 13.5px; font-weight: 600; text-decoration: none; }
.fxwp-auth-6 .fxwp-link, .fxwp-auth-6 .fxwp-switch-mode a { color: #4b50c8; }
.fxwp-auth-6 .fxwp-otp-code { background-color: #fafaff; }

/* =========================================================================
   Design 7 — Quick
   ========================================================================= */
.fxwp-auth-7 { display: flex; direction: ltr; align-items: center; justify-content: center; gap: 56px; min-height: 620px; padding: 40px 24px; background: radial-gradient(120% 90% at 85% 10%, #4a86e8 0%, #1f4aa8 45%, #0c2354 100%); color: #fff; }
.fxwp-auth-7-card { direction: rtl; flex: none; width: 100%; max-width: 380px; padding: 28px 26px 26px; border-radius: 18px; background: #fff; color: #1f2937; box-shadow: 0 30px 70px -20px rgba(0, 10, 40, .6); }
.fxwp-auth-7-logo { margin-bottom: 22px; }
.fxwp-auth-7-logo img { height: 34px; display: block; }
.fxwp-auth-7-logo span { font-size: 18px; font-weight: 800; color: #2f6fed; }
.fxwp-auth-7 .fxwp-auth-heading { font-size: 15px; font-weight: 800; color: #111827; }
.fxwp-auth-7-hi { margin: 0 0 2px; font-size: 11.5px; color: #8b95a5; }
.fxwp-auth-7 .fxwp-auth-subtitle { font-size: 11.5px; margin-bottom: 16px; color: #8b95a5; }
.fxwp-auth-7 .fxwp-field > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.fxwp-auth-7 .fxwp-input { height: 48px; border-radius: 8px; border: 1px solid #e5e9f0; background: #fff; font-size: 13px; }
.fxwp-auth-7 .fxwp-input:focus { border-color: #4f9bf8; box-shadow: 0 0 0 3px rgba(79, 155, 248, .2); outline: 0; }
.fxwp-auth-7 .fxwp-btn-primary { height: 44px; border-radius: 8px; border: 0; background: #5aa3f5; font-size: 13px; font-weight: 700; box-shadow: none; }
.fxwp-auth-7 .fxwp-btn-primary:hover { background: #3f8ee9; box-shadow: 0 8px 18px rgba(63, 142, 233, .4); }
.fxwp-auth-7 .fxwp-link, .fxwp-auth-7 .fxwp-switch-mode a, .fxwp-auth-7 .fxwp-otp-resend:not(:disabled), .fxwp-auth-7 .fxwp-otp-info a { color: #2f6fed; }
.fxwp-auth-7-side { direction: rtl; flex: 1; max-width: 400px; }
.fxwp-auth-7-side h2 { margin: 0 0 22px; padding: 12px 22px; display: inline-block; border-radius: 12px; background: linear-gradient(135deg, #2563eb, #3b82f6); color: #fff; font-size: 26px; font-weight: 800; }
.fxwp-auth-7-side ul { margin: 0; padding: 0; list-style: none; }
.fxwp-auth-7-side li { padding: 12px 0; font-size: 17px; font-weight: 600; opacity: .95; }
.fxwp-auth-7-side li::before { content: '✓'; display: inline-grid; place-items: center; width: 22px; height: 22px; margin-inline-end: 12px; border-radius: 50%; background: rgba(255, 255, 255, .18); font-size: 12px; }

@media (max-width: 820px) {
	.fxwp-auth-7 { flex-direction: column; gap: 28px; padding: 28px 16px; }
	.fxwp-auth-7-side { max-width: 380px; width: 100%; }
	.fxwp-auth-7-side h2 { font-size: 20px; }
	.fxwp-auth-7-side li { font-size: 14px; padding: 8px 0; }
	.fxwp-auth-6-bg { opacity: .55; }
	.fxwp-auth-6-cart { width: 70vw; right: -10%; }
	.fxwp-auth-6-check { display: none; }
	.fxwp-auth-5-card { padding: 26px 22px 28px; }
}
@media (prefers-reduced-motion: reduce) { .fxwp-otp-step, .fxwp-method-block { animation: none !important; } }