:root {
	color-scheme: dark;
	--iwd-2fa-bg: #171717;
	--iwd-2fa-panel: #171717;
	--iwd-2fa-text: #f5f5f5;
	--iwd-2fa-muted: #a3a3a3;
	--iwd-2fa-border: #3a3a3a;
	--iwd-2fa-border-focus: #8a8a8a;
	--iwd-2fa-control: #151B23;
	--iwd-2fa-button: #f5f5f5;
	--iwd-2fa-button-text: #171717;
	--iwd-2fa-danger: #ff9b9b;
	--iwd-2fa-radius: 10px;

	--nav-vten-white: #fff;
	--nav-vten-black: #0b0f14;
	--color-primary-hover: #c8e5c8;
	--color-primary-grey: #cfd6cf;
	--nav-vten-gray-100: var(--color-primary-grey);
	--nav-vten-gray-300: var(--color-primary-grey);
	--nav-vten-gray-350: var(--color-primary-grey);
	--nav-vten-gray-400: var(--color-primary-grey);
	--nav-vten-gray-500: var(--color-primary-grey);
	--nav-vten-gray-600: var(--color-primary-grey);
	--nav-vten-gray-700: var(--color-primary-grey);
	--nav-vten-gray-750: var(--color-primary-grey);
	--color-bg: #000000;
	--color-txt-dark: #000000;
	--color-bg-alt: #fff;
	--color-text: #c3c1c1;
	--color-text-fff: #fff;
	--color-text-inverse: #181a1b;
	--color-text-opposite: #181a1b;
	--color-container-bg: #000000;
	--color-container-text: #e6e6e6;
	--color-shadow: #a1a1ad;
	--card-container-bg: #010101;
	--card-container-bg-light: #1e2632;
	--card-container-bg-dark: #363840;
	--card-container-tx: #fff;
	--card-container-tx-focus: #cdd2e6;
	--color-border: #d4d2d2;
	--color-border-muted: #e2dddd;
	--color-input-bg: #444746;
	--color-select-bg-odd: #c3d7eb;
	--color-input-disabled-tx: #c9ced3;
	--color-input-disabled-bg: #000000;
	--nav-item-bg: #1d1e20;
	--nav-item-bg-header: #000000;
	--form-element-color: #03497c;
	--form-element-color-hover: #000000;
	--menu-background-hover: #18b5ca;
	--color-primary: #47a0df;
	--color-primary-hover-text: #000;
	--color-info-bg: #f1f0e2;
	--color-info-border: var(--color-primary-hover);
	--color-info-text: #000000;
	--color-error-bg: #fddfdf;
	--color-error-border: #f1a899;
	--color-error-text: #553232;
	--color-valid-bg: #9ed39e;
	--color-valid-bg-80p: #b7d6b7;
	--color-valid-bg-60p: #c6d6c6;
	--color-valid-bg-40p: #e1e7e1;
	--color-valid-border: #306630;
	--color-valid-text: #000;
	--color-divider: #3c4764;
	--color-divider: var(--card-container-bg-light);
	--color-gray-300: var(--color-primary-hover);
	--color-gray-400: var(--color-primary-hover);
	--color-gray-500: var(--color-primary-hover);
	--color-gray-700: #151B23;
	--color-gray-label: var(--color-primary-hover);
	--color-blue-500: #3b82f6;
	--color-white: #ffffff;
	--color-gray-400-disabled: #9ca3af;
	--color-bg-odd: #363840;
	--color-tx-odd: #ffffff;
	--color-bg-even: #143058;
	--color-tx-even: #ffffff;
	--color-header-tx: #b00020;
	--color-header-bg: var(--color-gray-700);
	--monthly-cost-sign-in-up: #69eb69;
	--business-title-ahref: rgb(147, 223, 147);
	--business-title-ahref-hover: #47a0df;
	--business-title-ahref-active: #98cef5;
	--form-element-color: #c3d7eb;
	--form-element-fsize: 1.4rem;
	--color-link: var(--color-primary);
	--color-link-hover: var(--color-primary-hover);
	--color-link-active: var(--color-primary-hover);
	--form-element-brd: var(--color-primary);
	--form-element-lnh: 36px;
	--color-warning-brd: #e03d20;
	--color-warning-bg: #eb9a65;
	--color-danger: #ff002f;
	--color-header-tx: #ffffff;
	--color-blue-choice: #99c3ff;
	--form-btn-links: auto;
	--form-bottom-margin: 15px;
	--form-elements-padding: 9px;
	--form-elements-padding-hder: 9px;
	--form-element-select-bg: #dde6df;
	--form-element-brd: #347cb8;
	--form-element-bg: #363840;
	--form-element-color: #c3d7eb;
	--form-element-lnh: 1.65;
	--color-co-feature-link: var(--color-primary-hover);
	--color-co-feature-link-bright: #89e389;
	--color-co-listing-hl: var(--color-primary);
	--color-co-listing-hl-hover: #c3d7eb;
	--color-co-listing-hl-active: rgb(217, 147, 223);
	--color-mnav-link: #47a0df;
	--color-mnav-link-hover: var(--color-primary-hover);
	--color-listing-tab-link: #47a0df;
	--color-listing-tab-link-bg: #313131;
	--color-listing-tab-link-active: #fff;
	--color-feature-btn-text-dft: #c3d7eb;
	--color-feature-btn-text-hvr: #18b5ca;
	--color-feature-btn-text-act: var(--color-primary-hover);
	--color-feature-btn-bg-gradient-one: #363840;
	--color-feature-btn-bg-gradient-two: #2e4870;
	--color-edit-link-green: var(--color-primary-hover);
	--color-edit-link-yellow: #f3eda0;
	--color-edit-link-red: #e61919;
	/* Semantic component tokens added by the theme audit. */
	--theme-border-subtle: rgba(255, 255, 255, 0.12);
	--theme-danger-overlay: rgba(255, 92, 122, 0.12);
	--theme-focus-ring: rgba(99, 179, 237, 0.6);
	--theme-link-overlay-soft: rgba(99, 179, 237, 0.12);
	--theme-link-overlay-strong: rgba(99, 179, 237, 0.25);
	--theme-media-canvas: #000000;
	--theme-media-overlay: rgba(0, 0, 0, 0.7);
	--theme-overlay-medium: rgba(0, 0, 0, 0.18);
	--theme-overlay-subtle: rgba(255, 255, 255, 0.06);
	--theme-placeholder-text: rgba(232, 238, 252, 0.58);
	--theme-shadow-raised: 0 24px 60px rgba(0, 0, 0, 0.35);
	--theme-shadow-soft: 0 14px 34px rgba(0, 0, 0, 0.22);
	--theme-spinner-track: rgba(255, 255, 255, 0.4);
	--theme-success-overlay: rgba(57, 217, 138, 0.12);
	--theme-surface-muted: #151B23;
	--theme-surface-soft: #363840;
	--theme-text-muted: #c4c4c7;
	--theme-accent-border-strong: rgba(45, 138, 204, 0.45);
	--theme-accent-border-medium: rgba(255, 255, 255, 0.14);
	--theme-success-border: rgba(79, 194, 79, 0.55);
	--theme-success-focus-ring: rgba(79, 194, 79, 0.16);
	--theme-surface-translucent-strong: rgba(255, 255, 255, 0.08);
	--theme-surface-translucent-medium: rgba(255, 255, 255, 0.07);
	--theme-surface-translucent-soft: rgba(255, 255, 255, 0.06);
	--theme-selection-bg: var(--color-primary);
	--theme-selection-text: #ffffff;
	--theme-control-overlay: rgba(0, 0, 0, 0.1);
	--theme-control-overlay-hover: rgba(0, 0, 0, 0.25);
	--theme-control-overlay-active: rgba(0, 0, 0, 0.4);
	--color-co-feature-link: var(--color-primary-grey);
	--nav-vten-purple-400: #6d6485;
	--nav-vten-purple-500: #6d6485;
	--nav-footer-site-header: #c0bec4;
	--nav-footer-site-links: #8d8b92;
	--nav-footer-legal-links: #4e4e51;
	/* --nav-vten-purple-400: #8a7bb1;
	/* --nav-vten-purple-500: #453869; */

	/* base font size */
	--clamp_font_1: 1.3rem;
	--clamp_font_2: 2vw;
	--clamp_font_3: 1.38rem;

	--submit-buttons-hover: rgb(147, 223, 147);


	--iwd-form-control-bg: var(--nav-item-bg, var(--form-element-bg, #ffffff));
	--iwd-form-control-color: var(--form-element-color, var(--color-text, #1f2933));
	--iwd-form-control-border-color: var(--nav-vten-purple-500, var(--form-element-brd, #7b94a6));
	--iwd-form-control-border-width: 1px;
	--iwd-form-control-radius: 6px;
	--iwd-form-control-padding: var(--form-elements-padding, 15px);
	--iwd-form-control-font-size: var(--form-elements, 1.1rem);
	--iwd-form-control-font-weight: var(--font-weight, 400);
	--iwd-form-control-line-height: var(--form-element-lnh, 1.5);
	--iwd-form-control-gap: var(--form-bottom-margin, 15px);
	--iwd-form-placeholder-color: var(--theme-placeholder-text, rgba(75, 92, 104, 0.78));
	--iwd-form-disabled-bg: var(--color-input-disabled-bg, #e9f0f3);
	--iwd-form-disabled-color: var(--color-input-disabled-tx, #6b7c88);

	--iwd-form-action-border-color: var(--color-valid-border, #c5e7c8);
	--iwd-form-action-color: var(--color-feature-btn-text-dft, var(--color-primary-hover-text, #ffffff));
	--iwd-form-action-hover-color: var(--color-link, #47a0df);
	--iwd-form-action-bg: linear-gradient(90deg, var(--color-feature-btn-bg-gradient-one, #363840), var(--color-feature-btn-bg-gradient-two, #2e4870));
	
}

html,
body {
	min-height: 100%;
	background: var(--iwd-2fa-bg) !important;
}

body:has(.iwd-2fa) {
	min-height: 100dvh;
	margin: 0 !important;
	background: var(--iwd-2fa-bg) !important;
	color: var(--iwd-2fa-text) !important;
	font-family:
		Inter,
		ui-sans-serif,
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		sans-serif !important;
}

/* Neutralize legacy wrappers without changing backend/page wiring. */
body:has(.iwd-2fa) .flex-container-body,
body:has(.iwd-2fa) .flex-item-body {
	width: auto !important;
	max-width: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body:has(.iwd-2fa) #myBtn,
body:has(.iwd-2fa) .member-shortcuts,
body:has(.iwd-2fa) .footer-menu,
body:has(.iwd-2fa) footer {
	display: none !important;
}

body:has(.iwd-2fa) .auth-web-form {
	display: flex !important;
	width: 100% !important;
	min-height: 100dvh !important;
	margin: 0 !important;
	padding: 0 !important;
	align-items: center !important;
	justify-content: center !important;
	background: var(--iwd-2fa-bg) !important;
}

.iwd-2fa,
.iwd-2fa * {
	box-sizing: border-box;
}

.iwd-2fa {
	display: flex;
    max-width: 372px;
	min-height: 100dvh;
	align-items: center;
	justify-content: center;
	padding: 32px 20px;
	background: var(--iwd-2fa-bg);
	color: var(--iwd-2fa-text);
}

.iwd-2fa__panel {
	width: min(100%, 306px);
	margin: auto;
}

.iwd-2fa__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  gap: 12px;
}

.iwd-2fa h1.iwd-2fa-title {
  align-self: flex-start;
}

.iwd-2fa a.iwd-2fa__brand {
  align-self: flex-start;
}

/* .iwd-2fa__brand {
	display: block;
	width: fit-content;
	margin: 0 auto 34px;
	text-decoration: none;
} */

.iwd-2fa__logo {
	width: auto;
	max-width: 180px;
	max-height: 48px;
	object-fit: contain;
}

.iwd-2fa__header {
	margin: 0 0 5px;
	text-align: left;
}

.iwd-2fa__header h1 {
	margin: 0;
	color: var(--iwd-2fa-text);
	font:
		600 24px/1.2 Inter,
		ui-sans-serif,
		system-ui,
		sans-serif;
	letter-spacing: -0.02em;
}

.iwd-2fa__header p {
	margin: 9px 0 0;
	color: var(--iwd-2fa-muted);
	font-size: 14px;
	line-height: 1.5;
}

.iwd-2fa__message {
	margin: 0px 0 10px;
	color: var(--iwd-2fa-muted);
	font-size: 13px;
	line-height: 1.45;
	text-align: left;
}

.iwd-2fa__message--error {
	color: var(--iwd-2fa-danger);
}

.flex-items-forms .auth-recaptcha-wrap{
    margin: 0px !important;
    padding: 0px !important;

}

.iwd-2fa__fields {
	display: grid;
	gap: 16px;
}

.iwd-2fa__field {
	display: grid;
	gap: 8px;
}

.iwd-2fa__field label {
	margin: 0;
	color: var(--iwd-2fa-muted);
	font-size: 13px;
	font-weight: 500;
}

.iwd-2fa input[type="text"],
.iwd-2fa input[type="email"],
.iwd-2fa input[type="password"] {
	appearance: none;
	width: 100% !important;
	height: 48px;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid var(--iwd-2fa-border) !important;
	border-radius: var(--iwd-2fa-radius) !important;
	outline: 0;
	background: var(--iwd-2fa-control) !important;
	box-shadow: none !important;
	color: var(--iwd-2fa-text) !important;
	font:
		400 16px/1 ui-sans-serif,
		system-ui,
		sans-serif !important;
	transition:
		border-color 140ms ease,
		box-shadow 140ms ease,
		background 140ms ease;
}

.iwd-2fa #form_var_activation_code {
	text-align: center;
	font-size: 22px !important;
	font-weight: 600 !important;
	letter-spacing: 0.32em;
	padding-left: calc(14px + 0.32em) !important;
}

.iwd-2fa input:focus {
	border-color: var(--iwd-2fa-border-focus) !important;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.07) !important;
}

.iwd-2fa__check {
	display: inline-flex !important;
	width: fit-content;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	user-select: none;
}

.iwd-2fa__check input {
	width: 15px;
	height: 15px;
	margin: 0;
	accent-color: #f5f5f5;
}

/*
 * Standard submit controls. Generic <button type="button"> is intentionally
 * NOT included: navigation, disclosure, toolbar and icon buttons own their
 * presentation in their component stylesheet.
 * ==o== Submit Button
 */

.iwd-2fa__primary,
.iwd-2fa__secondary {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 304px;
	height: 50px;
	margin: 16px 0 var(--iwd-form-control-gap);
	padding: 8px;

	font-family: inherit;
	font-size: var(--iwd-form-control-font-size);
	font-weight: var(--iwd-form-control-font-weight);
	line-height: 1.2;

	text-align: center;
	text-decoration: none;
	text-shadow: 2px 2px 4px var(--iwd-form-control-bg);

	cursor: pointer;

	color: var(--color-link, #007bff);
	scroll-behavior: auto !important;
	appearance: none !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.6em !important;
	vertical-align: middle !important;
	touch-action: manipulation !important;
	user-select: none !important;

	border: 1px solid var(--nav-vten-purple-400) !important;
	border-radius: 6px !important;
	background: #000 !important;

	letter-spacing: 0em !important;
	word-spacing: 2px !important;
	white-space: wrap !important;

	-webkit-tap-highlight-color: transparent !important;

	box-shadow: inset 0 0 24px 0 rgba(71, 160, 223, 0.6) !important;

	transition:
		transform 0.18s cubic-bezier(0.2, 0.7, 0.3, 1),
		background-color 0.18s cubic-bezier(0.2, 0.7, 0.3, 1),
		color 0.18s cubic-bezier(0.2, 0.7, 0.3, 1) !important;
}

.iwd-2fa__primary {

    box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 304px;
	height: 50px;
	margin: 16px 0 var(--iwd-form-control-gap);
	padding: 8px;

	font-family: inherit;
	font-size: var(--iwd-form-control-font-size);
	font-weight: var(--iwd-form-control-font-weight);
	line-height: 1.2;

	text-align: center;
	text-decoration: none;
	text-shadow: 2px 2px 4px var(--iwd-form-control-bg);

	cursor: pointer;

	color: var(--color-link, #007bff);
	scroll-behavior: auto !important;
	appearance: none !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.6em !important;
	vertical-align: middle !important;
	touch-action: manipulation !important;
	user-select: none !important;

	border: 1px solid var(--nav-vten-purple-400) !important;
	border-radius: 6px !important;
	background: #000 !important;

	letter-spacing: 0em !important;
	word-spacing: 2px !important;
	white-space: wrap !important;

	-webkit-tap-highlight-color: transparent !important;

	box-shadow: inset 0 0 24px 0 rgba(71, 160, 223, 0.6) !important;

	transition:
		transform 0.18s cubic-bezier(0.2, 0.7, 0.3, 1),
		background-color 0.18s cubic-bezier(0.2, 0.7, 0.3, 1),
		color 0.18s cubic-bezier(0.2, 0.7, 0.3, 1) !important;
}

.iwd-2fa__primary:hover {
	color: var(--submit-buttons-hover);
}

.iwd-2fa__primary:active {
	transform: translateY(1px);
}

.iwd-2fa__primary:focus-visible,
.iwd-2fa__secondary:focus-visible,
.iwd-2fa__brand:focus-visible {
	outline: 2px solid var(--iwd-2fa-text);
	outline-offset: 3px;
}

.iwd-2fa__secondary {
    text-align: right;
	height: 48px;
    width: 120px;
	margin: 15px 0;
	transition:
		opacity 140ms ease,
		transform 80ms ease;
	appearance: none;
	cursor: pointer;
	font:
		600 14px/1 ui-sans-serif,
		system-ui,
		sans-serif;
	box-sizing: border-box;
	display: block;
	padding: 8px;
	border: solid var(--iwd-form-control-border-width) var(--iwd-form-control-border-color);
	border-radius: var(--iwd-form-control-radius);
	background: var(--iwd-form-action-bg);
		color: var(--color-link, #007bff);
	font-family: inherit;
	font-size: var(--iwd-form-control-font-size);
	font-weight: var(--iwd-form-control-font-weight);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	text-shadow: none;

}

.iwd-2fa__secondary:hover {
	color: var(--submit-buttons-hover);
}

.iwd-2fa .auth-dev-code {
	display: block;
	margin: 12px auto 0;
	color: var(--iwd-2fa-muted);
	font:
		500 12px/1.4 ui-monospace,
		SFMono-Regular,
		Consolas,
		monospace;
	text-align: center;
}

.iwd-2fa .g-recaptcha {
	display: flex;
	justify-content: center;
	max-width: 100%;
	overflow: hidden;
}

@media (max-width: 420px) {
	.iwd-2fa {
		align-items: flex-start;
		padding-top: max(44px, 10vh);
	}

	.iwd-2fa__panel {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.iwd-2fa *,
	.iwd-2fa *::before,
	.iwd-2fa *::after {
		scroll-behavior: auto !important;
		transition: none !important;
		animation: none !important;
	}
}