@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

/* G6M_BUNDLE_25 — 7 feuilles, ordre du document preserve */
/* ==== g6m-inline-p2-41-v701.css ==== */
/* Externalise (passe 2) — bloc inline #41 — position inchangee */

/* V431 — password eye: kill dark right slab (dropdown + login page)
   Cause:
   - Dropdown .inputGroup-text used opaque bg rgba(12,10,20,.95) → dark box
   - Login page: CSS field-h 52px vs JS input 56px + overflow:hidden → clipped slab
   - padding-right collapsed to 14px so eye overlays the field body
*/
html#XF[data-template="login"],
html body .menu.g6m-login-dropdown,
html body .menu.menu--medium:has(.g6m-login-hero) {
	--g6m-eye-fix: V431;
	--g6m-eye-slot: 52px;
}

/* —— Full login page —— */
html#XF[data-template="login"] {
	--g6m397-field-h: 56px;
	--g6m404-field-h: 56px;
	--g6m397-eye: 52px;
}

html#XF[data-template="login"] form.block .block-body .inputGroup.inputGroup--joined,
html#XF[data-template="login"] form.block .block-body .inputGroup:has(input[type="password"]),
html#XF[data-template="login"] .g6m397-col--form form.block .inputGroup.inputGroup--joined,
html#XF[data-template="login"] .g6m397-col--form form.block .inputGroup:has(input[type="password"]) {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 56px !important;
	min-height: 56px !important;
	max-height: 56px !important;
	overflow: visible !important;
	background: transparent !important;
	border: 0 !important;
}

html#XF[data-template="login"] form.block .block-body .inputGroup:has(input[type="password"]) > input.input,
html#XF[data-template="login"] form.block .block-body .inputGroup.inputGroup--joined > input.input,
html#XF[data-template="login"] .g6m397-col--form form.block .inputGroup:has(input[type="password"]) > input.input,
html#XF[data-template="login"] .g6m397-col--form form.block .inputGroup.inputGroup--joined > input.input,
html#XF[data-template="login"] .g6m397-col--form form.block .inputGroup input[type="password"] {
	width: 100% !important;
	height: 56px !important;
	min-height: 56px !important;
	max-height: 56px !important;
	padding-right: calc(var(--g6m-eye-slot) + 6px) !important;
	border-radius: var(--g6m397-field-r, 14px) !important;
	box-sizing: border-box !important;
}

html#XF[data-template="login"] form.block .block-body .inputGroup:has(input[type="password"]) > .inputGroup-text,
html#XF[data-template="login"] form.block .block-body .inputGroup.inputGroup--joined > .inputGroup-text,
html#XF[data-template="login"] .g6m397-col--form form.block .inputGroup:has(input[type="password"]) > .inputGroup-text {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 5 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--g6m-eye-slot) !important;
	min-width: var(--g6m-eye-slot) !important;
	max-width: var(--g6m-eye-slot) !important;
	height: 56px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-left: 0 !important;
	border-radius: 0 var(--g6m397-field-r, 14px) var(--g6m397-field-r, 14px) 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	overflow: visible !important;
}

/* —— Guest login dropdown (SE CONNECTER) —— */
html body .menu.g6m-login-dropdown .inputGroup.inputGroup--joined,
html body .menu.menu--medium:has(.g6m-login-hero) .inputGroup.inputGroup--joined {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	align-items: stretch !important;
	gap: 0 !important;
	overflow: visible !important;
	background: transparent !important;
}

html body .menu.g6m-login-dropdown .inputGroup .input,
html body .menu.menu--medium:has(.g6m-login-hero) .inputGroup .input {
	flex: none !important;
	width: 100% !important;
	padding-right: calc(var(--g6m-eye-slot) + 6px) !important;
	border-radius: var(--g6m-lp-field, 12px) !important;
	border-top-right-radius: var(--g6m-lp-field, 12px) !important;
	border-bottom-right-radius: var(--g6m-lp-field, 12px) !important;
	box-sizing: border-box !important;
}

html body .menu.g6m-login-dropdown .inputGroup-text,
html body .menu.menu--medium:has(.g6m-login-hero) .inputGroup-text {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 5 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: none !important;
	width: var(--g6m-eye-slot) !important;
	min-width: var(--g6m-eye-slot) !important;
	max-width: var(--g6m-eye-slot) !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-left: 0 !important;
	border-radius: 0 var(--g6m-lp-field, 12px) var(--g6m-lp-field, 12px) 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

html body .menu.g6m-login-dropdown .inputGroup:focus-within .inputGroup-text,
html body .menu.menu--medium:has(.g6m-login-hero) .inputGroup:focus-within .inputGroup-text {
	border-color: transparent !important;
	background: transparent !important;
}

/* ==== g6m-login-glow-fix-v432.css ==== */
/* V432 — kill random white glow on login form (left column)
   ROOT CAUSE (DevTools):
   Nested backdrop-filter stack composites into intermittent white haze:
     .p-body-pageContent → blur(22px)
     .g6m397-col--form .blocks → blur(12px)   [g6m-forum-ui-critical]
     form > .block-container → blur(18px)     [g6m-login-premium-lock-v331 + legacy]
   Plus residual .p-body-pageContent::after still inherits filter:blur(8px)
   from v390 even when display:none (cascade merge). When the layer
   promotes/repaints, a soft white vertical glow appears through the
   translucent fields + Turnstile.

   FIX: keep ONE glass blur on the outer card only; force none on all
   nested form chrome; hard-kill ::after glow props. No overflow:hidden.
*/
html#XF[data-template="login"] {
	--g6m-login-glowfix: V432;
}

/* 1) Hard-kill card ::after (white sheen + v390 blurred outer glow leftovers) */
html#XF[data-template="login"] .p-body-pageContent::after,
html#XF.template-login .p-body-pageContent::after,
html body[data-template="login"] .p-body-pageContent::after,
html body.template-login .p-body-pageContent::after {
	content: none !important;
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	background: none !important;
	background-image: none !important;
	filter: none !important;
	-webkit-filter: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
	mask: none !important;
	-webkit-mask: none !important;
	transform: none !important;
	inset: auto !important;
	width: 0 !important;
	height: 0 !important;
	pointer-events: none !important;
}

/* 2) Keep outer card glass only — strip nested backdrop-filters */
html#XF[data-template="login"] .g6m397-col--form .blocks,
html#XF[data-template="login"] .g6m397-col--form .block-container,
html#XF[data-template="login"] .g6m397-col--form form.block,
html#XF[data-template="login"] .g6m397-col--form form.block > .block-container,
html#XF[data-template="login"] .g6m397-col--form form.block .block-body,
html#XF[data-template="login"] .g6m397-col--form .block-outer,
html#XF[data-template="login"] .g6m397-col--form .block-outer--after,
html#XF[data-template="login"] .g6m397-col--form .g6m404-create,
html#XF[data-template="login"] .g6m397-col--form .g6m397-create,
html#XF[data-template="login"] .g6m397-col--form .g6m397-quick,
html#XF[data-template="login"] .p-body-pageContent .blocks,
html#XF[data-template="login"] .p-body-pageContent .block-container,
html#XF[data-template="login"] .p-body-pageContent form.block > .block-container,
html body[data-template="login"] .block-container,
html body[data-template="login"] .block--login .block-container,
html body[data-template="login"] form.block > .block-container,
html body.template-login .blocks,
html body.template-login .block-container,
html#XF.template-login .blocks,
html#XF.template-login .block-container {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	filter: none !important;
	-webkit-filter: none !important;
	mix-blend-mode: normal !important;
	transform: none !important;
	will-change: auto !important;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

/* Social buttons: keep look, drop nested backdrop (was blur(12px) under card blur) */
html#XF[data-template="login"] .g6m397-col--form .g6m397-quick .g6m-login-social__btn,
html#XF[data-template="login"] .g6m397-col--form .g6m397-quick .button--provider,
html#XF[data-template="login"] .g6m397-col--form .g6m397-quick .js-webAuthnStart,
html#XF[data-template="login"] .g6m397-col--form .g6m397-quick .js-webauthnStart,
html#XF[data-template="login"] .g6m397-quick .g6m-login-social__btn {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

/* 3) Stabilize outer card compositing (single blur layer, no glow flash) */
html#XF[data-template="login"] .p-body-pageContent {
	isolation: isolate !important;
	transform: translateZ(0) !important;
	will-change: auto !important;
	/* keep existing backdrop-filter from v397 — do not nest more below */
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
	/* Slightly denser fill so backdrop sampling can't flash white through fields */
	background:
		linear-gradient(
			155deg,
			rgba(22, 18, 36, 0.9) 0%,
			rgba(10, 9, 18, 0.94) 55%,
			rgba(12, 10, 22, 0.92) 100%
		) !important;
}

/* 4) Ensure ::before border mask never inherits blur/filter from legacy locks */
html#XF[data-template="login"] .p-body-pageContent::before {
	filter: none !important;
	-webkit-filter: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	mix-blend-mode: normal !important;
}

/* ==== g6m-inline-p2-42-v701.css ==== */
/* Externalise (passe 2) — bloc inline #42 — position inchangee */

/* V432 — kill random white glow on login form (left column)
   ROOT CAUSE (DevTools):
   Nested backdrop-filter stack composites into intermittent white haze:
     .p-body-pageContent → blur(22px)
     .g6m397-col--form .blocks → blur(12px)   [g6m-forum-ui-critical]
     form > .block-container → blur(18px)     [g6m-login-premium-lock-v331 + legacy]
   Plus residual .p-body-pageContent::after still inherits filter:blur(8px)
   from v390 even when display:none (cascade merge). When the layer
   promotes/repaints, a soft white vertical glow appears through the
   translucent fields + Turnstile.

   FIX: keep ONE glass blur on the outer card only; force none on all
   nested form chrome; hard-kill ::after glow props. No overflow:hidden.
*/
html#XF[data-template="login"] {
	--g6m-login-glowfix: V432;
}

/* 1) Hard-kill card ::after (white sheen + v390 blurred outer glow leftovers) */
html#XF[data-template="login"] .p-body-pageContent::after,
html#XF.template-login .p-body-pageContent::after,
html body[data-template="login"] .p-body-pageContent::after,
html body.template-login .p-body-pageContent::after {
	content: none !important;
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	background: none !important;
	background-image: none !important;
	filter: none !important;
	-webkit-filter: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
	mask: none !important;
	-webkit-mask: none !important;
	transform: none !important;
	inset: auto !important;
	width: 0 !important;
	height: 0 !important;
	pointer-events: none !important;
}

/* 2) Keep outer card glass only — strip nested backdrop-filters */
html#XF[data-template="login"] .g6m397-col--form .blocks,
html#XF[data-template="login"] .g6m397-col--form .block-container,
html#XF[data-template="login"] .g6m397-col--form form.block,
html#XF[data-template="login"] .g6m397-col--form form.block > .block-container,
html#XF[data-template="login"] .g6m397-col--form form.block .block-body,
html#XF[data-template="login"] .g6m397-col--form .block-outer,
html#XF[data-template="login"] .g6m397-col--form .block-outer--after,
html#XF[data-template="login"] .g6m397-col--form .g6m404-create,
html#XF[data-template="login"] .g6m397-col--form .g6m397-create,
html#XF[data-template="login"] .g6m397-col--form .g6m397-quick,
html#XF[data-template="login"] .p-body-pageContent .blocks,
html#XF[data-template="login"] .p-body-pageContent .block-container,
html#XF[data-template="login"] .p-body-pageContent form.block > .block-container,
html body[data-template="login"] .block-container,
html body[data-template="login"] .block--login .block-container,
html body[data-template="login"] form.block > .block-container,
html body.template-login .blocks,
html body.template-login .block-container,
html#XF.template-login .blocks,
html#XF.template-login .block-container {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	filter: none !important;
	-webkit-filter: none !important;
	mix-blend-mode: normal !important;
	transform: none !important;
	will-change: auto !important;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

/* Social buttons: keep look, drop nested backdrop (was blur(12px) under card blur) */
html#XF[data-template="login"] .g6m397-col--form .g6m397-quick .g6m-login-social__btn,
html#XF[data-template="login"] .g6m397-col--form .g6m397-quick .button--provider,
html#XF[data-template="login"] .g6m397-col--form .g6m397-quick .js-webAuthnStart,
html#XF[data-template="login"] .g6m397-col--form .g6m397-quick .js-webauthnStart,
html#XF[data-template="login"] .g6m397-quick .g6m-login-social__btn {
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

/* 3) Stabilize outer card compositing (single blur layer, no glow flash) */
html#XF[data-template="login"] .p-body-pageContent {
	isolation: isolate !important;
	transform: translateZ(0) !important;
	will-change: auto !important;
	/* keep existing backdrop-filter from v397 — do not nest more below */
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden !important;
	/* Slightly denser fill so backdrop sampling can't flash white through fields */
	background:
		linear-gradient(
			155deg,
			rgba(22, 18, 36, 0.9) 0%,
			rgba(10, 9, 18, 0.94) 55%,
			rgba(12, 10, 22, 0.92) 100%
		) !important;
}

/* 4) Ensure ::before border mask never inherits blur/filter from legacy locks */
html#XF[data-template="login"] .p-body-pageContent::before {
	filter: none !important;
	-webkit-filter: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	mix-blend-mode: normal !important;
}

/* ==== g6m-register-parity-v428.css ==== */
/* G6M_REGISTER_PARITY_V428
   Make /forum/register/ visually identical to /forum/login/ design system.
   Reuses login tokens (v397/v404): shell 1080px, dual grid, 52px fields,
   pink labels, gradient CTA, glass OAuth, Vice City stage.
   Cascades last over older register v332–v425 locks.
*/



html#XF[data-template="register_form"],
html#XF.template-register_form,
html body[data-template="register_form"],
html.g6m-register-v428 {
	--g6m428: V428;
	/* Login design tokens (official reference) */
	--g6m397-bg: #07060e;
	--g6m397-violet: #7a3cff;
	--g6m397-pink: #ff2fae;
	--g6m397-cyan: #00d8ff;
	--g6m397-ink: #f5f5f7;
	--g6m397-muted: rgba(245, 245, 247, 0.62);
	--g6m397-ghost: rgba(245, 245, 247, 0.38);
	--g6m397-line: rgba(255, 255, 255, 0.12);
	--g6m397-field: rgba(255, 255, 255, 0.045);
	--g6m397-card-w: 1080px;
	--g6m397-r: 22px;
	--g6m397-field-r: 14px;
	--g6m397-pad: 28px;
	--g6m397-ease: 300ms cubic-bezier(0.22, 1, 0.36, 1);
	--g6m397-font: Inter, "Plus Jakarta Sans", system-ui, sans-serif;
	--g6m397-grad-btn: linear-gradient(105deg, #ff2fae 0%, #7a3cff 52%, #00d8ff 100%);
	--g6m404-gap: 24px;
	--g6m404-gap-md: 16px;
	--g6m404-gap-sm: 8px;
	/* Match live login (v397 JS lock = 56px fields) */
	--g6m404-field-h: 56px;
	--g6m404-btn-h: 48px;
	--g6m404-r: 14px;
	--g6m404-check: 20px;
	/* Kill older register height/width wars (v391 880px etc.) */
	--g6m-shell-w: 1080px;
	--g6m-field-h: 56px;
	--g6m-btn-h: 48px;
	--g6m-r-shell: 22px;
	--g6m-r-field: 14px;
	--g6m416-shell-w: 1080px;
	--g6m416-field-h: 56px;
	--g6m416-btn-h: 48px;
	--g6m385-shell-w: 1080px;
	--g6m385-field-h: 56px;
	--g6m385-btn-h: 48px;
	--g6m389-shell-w: 1080px;
	--g6m391-shell-w: 1080px;
	--g6m391-field-h: 56px;
	--g6m390-card-w: 1080px;
	--g6m-pink: #ff2fae;
	--g6m-cyan: #00d8ff;
	--g6m-ink: #f5f5f7;
	--g6m-muted: rgba(245, 245, 247, 0.62);
	--g6m-grad-btn: linear-gradient(105deg, #ff2fae 0%, #7a3cff 52%, #00d8ff 100%);
	--g6m-ease: 300ms cubic-bezier(0.22, 1, 0.36, 1);
	--g6m-s1: 8px;
	--g6m-s2: 16px;
	--g6m-s3: 24px;
}

/* —— Stage / page —— */
html#XF[data-template="register_form"] body,
html body[data-template="register_form"] {
	font-family: var(--g6m397-font) !important;
	color: var(--g6m397-ink) !important;
	background-color: var(--g6m397-bg) !important;
	overflow-x: hidden !important;
	min-height: 100vh !important;
	min-height: 100dvh !important;
	display: flex !important;
	flex-direction: column !important;
}

html#XF[data-template="register_form"] #g6m397-stage-bg {
	position: fixed !important;
	inset: 0 !important;
	z-index: 0 !important;
	pointer-events: none !important;
	background-color: var(--g6m397-bg) !important;
	background-image:
		linear-gradient(180deg, rgba(7, 6, 14, 0.42) 0%, rgba(7, 6, 14, 0.62) 42%, rgba(7, 6, 14, 0.86) 100%),
		radial-gradient(ellipse 70% 50% at 50% 18%, rgba(122, 60, 255, 0.2) 0%, transparent 65%),
		radial-gradient(ellipse 50% 40% at 82% 78%, rgba(255, 47, 174, 0.12) 0%, transparent 60%),
		url("/forum/styles/g6m/img/login/bg-vice-city-v397.webp") !important;
	background-size: auto, auto, auto, cover !important;
	background-position: center, center, center, center top !important;
	background-repeat: no-repeat !important;
}

html#XF[data-template="register_form"] .p-pageWrapper {
	position: relative !important;
	z-index: 1 !important;
	background: transparent !important;
	background-image: none !important;
	flex: 1 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 100vh !important;
	min-height: 100dvh !important;
	width: 100% !important;
}

html#XF[data-template="register_form"] .p-pageWrapper::before,
html#XF[data-template="register_form"] .p-pageWrapper::after {
	content: none !important;
	display: none !important;
}

html#XF[data-template="register_form"] .p-body-sidebar,
html#XF[data-template="register_form"] .p-body-sideNav,
html#XF[data-template="register_form"] .p-body-header,
html#XF[data-template="register_form"] .p-title,
html#XF[data-template="register_form"] .p-description,
html#XF[data-template="register_form"] .p-breadcrumbs {
	display: none !important;
}

/* Specificity must beat v332/v339: html#XF body[data-template=…] */
html#XF[data-template="register_form"] .p-body,
html#XF[data-template="register_form"] .p-body-inner,
html#XF[data-template="register_form"] .p-body-main,
html#XF[data-template="register_form"] .p-body-content,
html#XF body[data-template="register_form"] .p-body,
html#XF body[data-template="register_form"] .p-body-inner,
html#XF body[data-template="register_form"] .p-body-main,
html#XF body[data-template="register_form"] .p-body-content,
html#XF body.template-register_form .p-body,
html#XF body.template-register_form .p-body-inner,
html body[data-template="register_form"] .p-body,
html body[data-template="register_form"] .p-body-inner {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	overflow: visible !important;
	overflow-x: visible !important;
}

html#XF[data-template="register_form"] .p-body-inner,
html#XF body[data-template="register_form"] .p-body-inner,
html#XF body.template-register_form .p-body-inner,
html body[data-template="register_form"] .p-body-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
	max-width: none !important;
	min-height: calc(100vh - 72px) !important;
	padding: 24px 16px 36px !important;
	box-sizing: border-box !important;
	gap: 16px !important;
	flex: 1 0 auto !important;
	overflow: visible !important;
	overflow-x: visible !important;
}

html#XF[data-template="register_form"] .p-footer {
	flex: 0 0 auto !important;
	margin-top: auto !important;
	width: 100% !important;
}

/* Kill obsolete outer hero / shell wrappers from older CSS */
html#XF[data-template="register_form"] .g6m-register-shell {
	all: unset !important;
	display: contents !important;
}

/* —— Glass shell = pageContent (same as login) ——
   Literals beat v391 lock min(880px, …) */
html#XF[data-template="register_form"] .p-body-pageContent,
html#XF[data-template="register_form"] body .p-body-pageContent,
html body[data-template="register_form"] .p-body-pageContent,
html#XF.template-register_form .p-body-pageContent,
html#XF body[data-template="register_form"] .p-body-pageContent,
html#XF body.template-register_form .p-body-pageContent {
	position: relative !important;
	isolation: isolate !important;
	width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
	max-width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
	margin: 0 auto !important;
	padding: var(--g6m397-pad) var(--g6m397-pad) calc(var(--g6m397-pad) - 10px) !important;
	border-radius: var(--g6m397-r) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	outline: 0 !important;
	background:
		linear-gradient(155deg, rgba(22, 18, 36, 0.72) 0%, rgba(10, 9, 18, 0.82) 55%, rgba(12, 10, 22, 0.78) 100%) !important;
	backdrop-filter: blur(22px) saturate(1.15) !important;
	-webkit-backdrop-filter: blur(22px) saturate(1.15) !important;
	box-shadow:
		0 28px 64px rgba(0, 0, 0, 0.5),
		0 0 0 1px rgba(255, 255, 255, 0.04) inset,
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 0 40px rgba(122, 60, 255, 0.08) !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	animation: g6m428In 360ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html#XF[data-template="register_form"] .p-body-pageContent::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	border-radius: inherit !important;
	padding: 1px !important;
	background: linear-gradient(135deg, rgba(255, 47, 174, 0.55), rgba(122, 60, 255, 0.28), rgba(0, 216, 255, 0.45)) !important;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
	-webkit-mask-composite: xor !important;
	mask-composite: exclude !important;
	pointer-events: none !important;
	z-index: 6 !important;
	opacity: 0.7 !important;
}

html#XF[data-template="register_form"] .p-body-pageContent::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 0 auto 0 !important;
	height: 42% !important;
	border-radius: inherit !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, transparent 100%) !important;
	pointer-events: none !important;
	z-index: 5 !important;
	opacity: 0.55 !important;
}

html#XF[data-template="register_form"] .p-body-pageContent > * {
	position: relative !important;
	z-index: 7 !important;
}

@keyframes g6m428In {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	html#XF[data-template="register_form"] .p-body-pageContent { animation: none !important; }
}

/* —— Dual grid (login component) —— */
html#XF[data-template="register_form"] .g6m397-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1.05fr) auto minmax(0, 0.95fr) !important;
	align-items: stretch !important;
	gap: 0 14px !important;
	width: 100% !important;
}

html#XF[data-template="register_form"] .g6m397-col--form {
	min-width: 0 !important;
	padding-right: 12px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;
}

html#XF[data-template="register_form"] .g6m397-col--present {
	min-width: 0 !important;
	padding-left: 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
}

html#XF[data-template="register_form"] .g6m397-divider {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	align-self: stretch !important;
	padding: 16px 0 !important;
	gap: 0 !important;
	margin: 0 4px !important;
}

html#XF[data-template="register_form"] .g6m397-divider__line {
	flex: 1 1 auto !important;
	width: 1px !important;
	min-height: 24px !important;
	background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.22), transparent) !important;
}

html#XF[data-template="register_form"] .g6m397-divider__badge {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	margin: 10px 0 !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	background: rgba(12, 10, 20, 0.72) !important;
	color: var(--g6m397-ink) !important;
	font-size: 0.68rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
}

/* —— Hero (login component) —— */
html#XF[data-template="register_form"] .g6m-login-hero {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: var(--g6m404-gap-sm) !important;
	margin: 0 0 var(--g6m404-gap-md) !important;
	padding: 0 !important;
	text-align: left !important;
	width: 100% !important;
	max-width: none !important;
}

html#XF[data-template="register_form"] .g6m-login-hero__logo {
	height: 34px !important;
	width: auto !important;
	max-width: 200px !important;
	margin: 0 0 4px !important;
	object-fit: contain !important;
}

html#XF[data-template="register_form"] .g6m-login-hero__title {
	margin: 0 !important;
	font-size: 1.15rem !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.015em !important;
	color: #fff !important;
}

html#XF[data-template="register_form"] .g6m-login-hero__brand {
	background: linear-gradient(90deg, #5ec8ff, #ff4fc0) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}

html#XF[data-template="register_form"] .g6m-login-hero__sub {
	display: block !important;
	margin: 0 !important;
	max-width: 42ch !important;
	color: var(--g6m397-muted) !important;
	font-size: 0.82rem !important;
	font-weight: 450 !important;
	line-height: 1.4 !important;
}

html#XF[data-template="register_form"] .g6m-register-hero__eyebrow,
html#XF[data-template="register_form"] .g6m-register-hero__lead {
	display: none !important;
}

/* —— Form flatten —— */
html#XF[data-template="register_form"] form.g6m-register-form,
html#XF[data-template="register_form"] form.g6m-register-form > .block-container,
html#XF[data-template="register_form"] form.g6m-register-form .block-body {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	width: 100% !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formRow--limited {
	display: none !important;
}

/* —— Fields = login —— */
html#XF[data-template="register_form"] form.g6m-register-form .block-body > .formRow:not(.formRow--limited):not(.formSubmitRow),
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-actions,
html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 6px !important;
	margin: 0 0 var(--g6m404-gap-md) !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	min-height: 0 !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
	box-sizing: border-box !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formRow > dt,
html#XF[data-template="register_form"] form.g6m-register-form .formRow-label {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	text-align: left !important;
	color: var(--g6m397-pink) !important;
	font-size: 0.66rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	line-height: 1.25 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formRow-labelWrapper {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
}

/* Hide REQUIS pills — login does not use them */
html#XF[data-template="register_form"] form.g6m-register-form .formRow-hint,
html#XF[data-template="register_form"] form.g6m-register-form .formRow > dt .formRow-hint {
	display: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formRow > dd {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	float: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formRow-explain {
	margin: 4px 0 0 !important;
	padding: 0 !important;
	color: var(--g6m397-ghost) !important;
	font-size: 0.74rem !important;
	line-height: 1.35 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .input,
html#XF[data-template="register_form"] form.g6m-register-form input.input,
html#XF[data-template="register_form"] form.g6m-register-form .inputGroup input.input,
html#XF[data-template="register_form"] form.g6m-register-form .inputGroup input[type="password"] {
	height: var(--g6m404-field-h) !important;
	min-height: var(--g6m404-field-h) !important;
	max-height: var(--g6m404-field-h) !important;
	width: 100% !important;
	padding: 0 14px !important;
	border-radius: var(--g6m404-r) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	background: var(--g6m397-field) !important;
	box-shadow: none !important;
	color: var(--g6m397-ink) !important;
	box-sizing: border-box !important;
	line-height: 1.3 !important;
	transition: border-color var(--g6m397-ease), box-shadow var(--g6m397-ease) !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .inputGroup {
	display: flex !important;
	align-items: stretch !important;
	width: 100% !important;
	height: var(--g6m404-field-h) !important;
	min-height: var(--g6m404-field-h) !important;
	max-height: var(--g6m404-field-h) !important;
	border-radius: var(--g6m404-r) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	background: var(--g6m397-field) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	transition: border-color var(--g6m397-ease), box-shadow var(--g6m397-ease) !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .inputGroup .input {
	border: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	min-width: 0 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .inputGroup--iconLeft .input {
	padding-left: 48px !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .input:focus,
html#XF[data-template="register_form"] form.g6m-register-form input.input:focus,
html#XF[data-template="register_form"] form.g6m-register-form .inputGroup:focus-within {
	border-color: rgba(0, 216, 255, 0.55) !important;
	box-shadow: 0 0 0 3px rgba(0, 216, 255, 0.14), 0 0 18px rgba(255, 47, 174, 0.12) !important;
	outline: none !important;
}

html#XF[data-template="register_form"] #g6m-password-mismatch {
	display: none !important;
	margin: -8px 0 var(--g6m404-gap-md) !important;
	color: #ff6b9d !important;
	font-size: 0.78rem !important;
}
html#XF[data-template="register_form"] #g6m-password-mismatch.is-visible {
	display: block !important;
}

/* —— Captcha frameless (login v404) —— */
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha,
html#XF[data-template="register_form"] form.g6m-register-form .g6m404-captcha {
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	min-height: 0 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .formRow {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	border: 0 !important;
	background: transparent !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .formRow > dt {
	width: 100% !important;
	text-align: left !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha dd,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .xfTokenContainer,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .cf-turnstile,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha [data-xf-init="turnstile"] {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	min-height: 0 !important;
	float: none !important;
	line-height: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha iframe {
	display: block !important;
	width: 300px !important;
	max-width: 100% !important;
	min-height: 65px !important;
	height: 65px !important;
	margin: 0 auto !important;
	border: 0 !important;
}

/* —— TOS checkbox (login remember chrome) —— */
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos .formRow > dt {
	display: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic {
	display: inline-grid !important;
	grid-template-columns: var(--g6m404-check) minmax(0, 1fr) !important;
	align-items: start !important;
	column-gap: 12px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic > input[type="checkbox"] {
	position: absolute !important;
	opacity: 0 !important;
	width: 1px !important;
	height: 1px !important;
	pointer-events: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic > i {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	grid-column: 1 !important;
	position: relative !important;
	width: var(--g6m404-check) !important;
	height: var(--g6m404-check) !important;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 0 !important;
	overflow: visible !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic > i::before {
	content: "" !important;
	display: block !important;
	width: var(--g6m404-check) !important;
	height: var(--g6m404-check) !important;
	border-radius: 6px !important;
	border: 1.5px solid rgba(255, 255, 255, 0.55) !important;
	background-color: rgba(255, 255, 255, 0.08) !important;
	background-image: none !important;
	box-sizing: border-box !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic > i::after {
	content: none !important;
	display: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic > input:checked + i::before {
	border-color: transparent !important;
	background-color: transparent !important;
	background-image: linear-gradient(135deg, #ff2fae, #7a3cff) !important;
	box-shadow: 0 0 0 2px rgba(255, 47, 174, 0.16) !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic > input:checked + i::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 7px !important;
	top: 3px !important;
	width: 5px !important;
	height: 10px !important;
	border: solid #fff !important;
	border-width: 0 2.5px 2.5px 0 !important;
	transform: rotate(45deg) !important;
	box-sizing: border-box !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos .iconic-label,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label {
	color: var(--g6m397-ink) !important;
	font-size: 0.86rem !important;
	line-height: 1.4 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos a {
	color: var(--g6m397-cyan) !important;
	text-decoration: none !important;
}
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos a:hover {
	text-decoration: underline !important;
}

/* —— Primary CTA = S'IDENTIFIER component —— */
html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow > dt,
html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow-bar {
	display: none !important;
}

/* Parent shell only — never inherit CTA gradient/padding (ghost caps) */
html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow-controls {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-actions .button,
html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow .button.button--primary,
html#XF[data-template="register_form"] form.g6m-register-form button[type="submit"].button--primary,
html#XF[data-template="register_form"] form.g6m-register-form #js-signUpButton {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: var(--g6m404-btn-h) !important;
	height: var(--g6m404-btn-h) !important;
	max-height: var(--g6m404-btn-h) !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: var(--g6m404-r) !important;
	background: var(--g6m397-grad-btn) !important;
	background-size: 100% 100% !important;
	background-position: center !important;
	overflow: hidden !important;
	color: #fff !important;
	font-family: var(--g6m397-font) !important;
	font-size: 0.86rem !important;
	font-weight: 750 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	box-sizing: border-box !important;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3) !important;
	transition: transform var(--g6m397-ease), box-shadow var(--g6m397-ease), filter var(--g6m397-ease) !important;
	cursor: pointer !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow .button.button--primary:hover,
html#XF[data-template="register_form"] form.g6m-register-form #js-signUpButton:hover {
	transform: translateY(-1px) !important;
	filter: brightness(1.06) !important;
	box-shadow:
		0 14px 28px rgba(0, 0, 0, 0.34),
		0 0 22px rgba(255, 47, 174, 0.28) !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow .button.button--primary:active,
html#XF[data-template="register_form"] form.g6m-register-form #js-signUpButton:active {
	transform: translateY(1px) scale(0.99) !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow .button.button--primary.is-disabled,
html#XF[data-template="register_form"] form.g6m-register-form #js-signUpButton:disabled,
html#XF[data-template="register_form"] form.g6m-register-form #js-signUpButton.is-disabled {
	opacity: 0.55 !important;
	pointer-events: none !important;
	transform: none !important;
}

/* —— OAuth = login quick —— */
html#XF[data-template="register_form"] .g6m397-quick {
	margin: 8px 0 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

html#XF[data-template="register_form"] .g6m397-quick__head {
	margin: 0 0 12px !important;
	text-align: center !important;
	color: var(--g6m397-cyan) !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
}

html#XF[data-template="register_form"] .g6m397-quick__grid,
html#XF[data-template="register_form"] .g6m397-quick .listHeap {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	width: 100% !important;
}

html#XF[data-template="register_form"] .g6m397-quick__grid > li:nth-child(3) {
	grid-column: 1 / -1 !important;
}

html#XF[data-template="register_form"] .g6m397-quick .g6m-login-social__btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	min-height: 48px !important;
	height: 48px !important;
	padding: 0 14px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	background: rgba(12, 10, 20, 0.55) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	color: #fff !important;
	font-family: var(--g6m397-font) !important;
	font-size: 0.86rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
	box-sizing: border-box !important;
	transition: transform var(--g6m397-ease), border-color var(--g6m397-ease), background var(--g6m397-ease), box-shadow var(--g6m397-ease) !important;
}

html#XF[data-template="register_form"] .g6m397-quick .g6m-login-social__btn:hover {
	transform: translateY(-1px) !important;
	border-color: rgba(0, 216, 255, 0.4) !important;
	background: rgba(20, 16, 32, 0.7) !important;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28) !important;
	color: #fff !important;
	text-decoration: none !important;
}

html#XF[data-template="register_form"] .g6m397-quick .g6m-login-social__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
	flex: 0 0 auto !important;
}

html#XF[data-template="register_form"] .g6m397-quick .g6m-login-social__icon svg {
	width: 18px !important;
	height: 18px !important;
	display: block !important;
}

/* Hide obsolete register social chrome if any remnant */
html#XF[data-template="register_form"] .g6m-register-social__divider,
html#XF[data-template="register_form"] .g6m-register-social__label {
	display: none !important;
}

/* —— Create/login hint = login create strip —— */
html#XF[data-template="register_form"] .g6m397-create {
	margin: 16px 0 0 !important;
	padding: 14px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: rgba(255, 255, 255, 0.03) !important;
	text-align: center !important;
}

html#XF[data-template="register_form"] .g6m397-create__title {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 10px !important;
	color: var(--g6m397-muted) !important;
	font-size: 0.84rem !important;
}

html#XF[data-template="register_form"] .g6m397-create__btn,
html#XF[data-template="register_form"] .g6m397-create a.button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	padding: 0 18px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(0, 216, 255, 0.45) !important;
	background: rgba(0, 216, 255, 0.06) !important;
	color: #fff !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	transition: transform var(--g6m397-ease), border-color var(--g6m397-ease), background var(--g6m397-ease) !important;
}

html#XF[data-template="register_form"] .g6m397-create__btn:hover {
	transform: translateY(-1px) !important;
	border-color: rgba(0, 216, 255, 0.7) !important;
	background: rgba(0, 216, 255, 0.12) !important;
}

/* —— Present column (login feats) —— */
html#XF[data-template="register_form"] .g6m397-present__title {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	color: #fff !important;
	font-size: 1rem !important;
	font-weight: 750 !important;
	line-height: 1.3 !important;
}

html#XF[data-template="register_form"] .g6m397-present__title-icon {
	color: var(--g6m397-cyan) !important;
}

html#XF[data-template="register_form"] .g6m397-feats {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html#XF[data-template="register_form"] .g6m397-feat {
	display: grid !important;
	grid-template-columns: 40px minmax(0, 1fr) !important;
	align-items: start !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 12px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: rgba(255, 255, 255, 0.03) !important;
	transition: border-color var(--g6m397-ease), background var(--g6m397-ease), transform var(--g6m397-ease) !important;
}

html#XF[data-template="register_form"] .g6m397-feat:hover {
	border-color: rgba(255, 47, 174, 0.28) !important;
	background: rgba(255, 255, 255, 0.05) !important;
	transform: translateY(-1px) !important;
}

html#XF[data-template="register_form"] .g6m397-feat__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 12px !important;
	border: 1px solid rgba(122, 60, 255, 0.45) !important;
	background: rgba(122, 60, 255, 0.1) !important;
	color: #c9b0ff !important;
}

html#XF[data-template="register_form"] .g6m397-feat__icon svg {
	width: 18px !important;
	height: 18px !important;
	stroke: currentColor !important;
	fill: none !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

html#XF[data-template="register_form"] .g6m397-feat__title {
	margin: 0 0 2px !important;
	color: #fff !important;
	font-size: 0.88rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

html#XF[data-template="register_form"] .g6m397-feat__desc {
	margin: 0 !important;
	color: var(--g6m397-muted) !important;
	font-size: 0.76rem !important;
	line-height: 1.35 !important;
}

html#XF[data-template="register_form"] .g6m397-deco {
	margin: auto 0 0 !important;
	padding: 0 !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html#XF[data-template="register_form"] .g6m397-deco img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
}

/* —— Secure / legal under card —— */
html#XF[data-template="register_form"] .g6m397-secure {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	margin: 4px 0 0 !important;
	color: var(--g6m397-ghost) !important;
	font-size: 0.74rem !important;
	width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
}

html#XF[data-template="register_form"] .g6m397-legal {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 16px !important;
	margin: 0 !important;
	width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
}

html#XF[data-template="register_form"] .g6m397-legal a {
	color: var(--g6m397-muted) !important;
	font-size: 0.74rem !important;
	text-decoration: none !important;
}
html#XF[data-template="register_form"] .g6m397-legal a:hover {
	color: var(--g6m397-cyan) !important;
}

/* Hide old benefits list styles if remnants */
html#XF[data-template="register_form"] .g6m-register-benefits__list,
html#XF[data-template="register_form"] .g6m-register-benefits__check {
	display: none !important;
}

/* —— Responsive (mirror login v397) —— */
@media (max-width: 1100px) {
	html#XF[data-template="register_form"],
	html body[data-template="register_form"] {
		--g6m397-card-w: 960px;
		--g6m397-pad: 24px;
	}
	html#XF[data-template="register_form"] .p-body-pageContent,
	html body[data-template="register_form"] .p-body-pageContent {
		width: min(960px, calc(100vw - 32px)) !important;
		max-width: min(960px, calc(100vw - 32px)) !important;
	}
}

@media (min-width: 1600px) {
	html#XF[data-template="register_form"],
	html body[data-template="register_form"] {
		--g6m397-card-w: 1120px;
	}
	html#XF[data-template="register_form"] .p-body-pageContent,
	html#XF[data-template="register_form"] body .p-body-pageContent,
	html body[data-template="register_form"] .p-body-pageContent,
	html#XF.template-register_form .p-body-pageContent {
		width: min(1120px, calc(100vw - 32px)) !important;
		max-width: min(1120px, calc(100vw - 32px)) !important;
	}
}

@media (max-width: 920px) {
	html#XF[data-template="register_form"] .g6m397-grid {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
	html#XF[data-template="register_form"] .g6m397-divider {
		flex-direction: row !important;
		width: 100% !important;
		height: auto !important;
		padding: 4px 0 !important;
		margin: 0 !important;
	}
	html#XF[data-template="register_form"] .g6m397-divider__line {
		flex: 1 1 auto !important;
		width: auto !important;
		height: 1px !important;
		min-height: 0 !important;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent) !important;
	}
	html#XF[data-template="register_form"] .g6m397-col--form,
	html#XF[data-template="register_form"] .g6m397-col--present {
		padding: 0 !important;
	}
}

@media (max-width: 560px) {
	html#XF[data-template="register_form"] .p-body-inner {
		padding: 16px 12px 28px !important;
	}
	html#XF[data-template="register_form"] .p-body-pageContent {
		padding: 18px 14px 14px !important;
		width: calc(100vw - 24px) !important;
		max-width: calc(100vw - 24px) !important;
	}
	html#XF[data-template="register_form"] .g6m397-quick__grid {
		grid-template-columns: 1fr !important;
	}
	html#XF[data-template="register_form"] .g6m397-quick__grid > li:nth-child(3) {
		grid-column: auto !important;
	}
}

/* ==== g6m-inline-64-v700.css ==== */
/* Externalise depuis la modification #56, bloc inline #64 — position et ordre de cascade inchanges */

/* G6M_REGISTER_PARITY_V428
   Make /forum/register/ visually identical to /forum/login/ design system.
   Reuses login tokens (v397/v404): shell 1080px, dual grid, 52px fields,
   pink labels, gradient CTA, glass OAuth, Vice City stage.
   Cascades last over older register v332–v425 locks.
*/



html#XF[data-template="register_form"],
html#XF.template-register_form,
html body[data-template="register_form"],
html.g6m-register-v428 {
	--g6m428: V428;
	/* Login design tokens (official reference) */
	--g6m397-bg: #07060e;
	--g6m397-violet: #7a3cff;
	--g6m397-pink: #ff2fae;
	--g6m397-cyan: #00d8ff;
	--g6m397-ink: #f5f5f7;
	--g6m397-muted: rgba(245, 245, 247, 0.62);
	--g6m397-ghost: rgba(245, 245, 247, 0.38);
	--g6m397-line: rgba(255, 255, 255, 0.12);
	--g6m397-field: rgba(255, 255, 255, 0.045);
	--g6m397-card-w: 1080px;
	--g6m397-r: 22px;
	--g6m397-field-r: 14px;
	--g6m397-pad: 28px;
	--g6m397-ease: 300ms cubic-bezier(0.22, 1, 0.36, 1);
	--g6m397-font: Inter, "Plus Jakarta Sans", system-ui, sans-serif;
	--g6m397-grad-btn: linear-gradient(105deg, #ff2fae 0%, #7a3cff 52%, #00d8ff 100%);
	--g6m404-gap: 24px;
	--g6m404-gap-md: 16px;
	--g6m404-gap-sm: 8px;
	/* Match live login (v397 JS lock = 56px fields) */
	--g6m404-field-h: 56px;
	--g6m404-btn-h: 48px;
	--g6m404-r: 14px;
	--g6m404-check: 20px;
	/* Kill older register height/width wars (v391 880px etc.) */
	--g6m-shell-w: 1080px;
	--g6m-field-h: 56px;
	--g6m-btn-h: 48px;
	--g6m-r-shell: 22px;
	--g6m-r-field: 14px;
	--g6m416-shell-w: 1080px;
	--g6m416-field-h: 56px;
	--g6m416-btn-h: 48px;
	--g6m385-shell-w: 1080px;
	--g6m385-field-h: 56px;
	--g6m385-btn-h: 48px;
	--g6m389-shell-w: 1080px;
	--g6m391-shell-w: 1080px;
	--g6m391-field-h: 56px;
	--g6m390-card-w: 1080px;
	--g6m-pink: #ff2fae;
	--g6m-cyan: #00d8ff;
	--g6m-ink: #f5f5f7;
	--g6m-muted: rgba(245, 245, 247, 0.62);
	--g6m-grad-btn: linear-gradient(105deg, #ff2fae 0%, #7a3cff 52%, #00d8ff 100%);
	--g6m-ease: 300ms cubic-bezier(0.22, 1, 0.36, 1);
	--g6m-s1: 8px;
	--g6m-s2: 16px;
	--g6m-s3: 24px;
}

/* —— Stage / page —— */
html#XF[data-template="register_form"] body,
html body[data-template="register_form"] {
	font-family: var(--g6m397-font) !important;
	color: var(--g6m397-ink) !important;
	background-color: var(--g6m397-bg) !important;
	overflow-x: hidden !important;
	min-height: 100vh !important;
	min-height: 100dvh !important;
	display: flex !important;
	flex-direction: column !important;
}

html#XF[data-template="register_form"] #g6m397-stage-bg {
	position: fixed !important;
	inset: 0 !important;
	z-index: 0 !important;
	pointer-events: none !important;
	background-color: var(--g6m397-bg) !important;
	background-image:
		linear-gradient(180deg, rgba(7, 6, 14, 0.42) 0%, rgba(7, 6, 14, 0.62) 42%, rgba(7, 6, 14, 0.86) 100%),
		radial-gradient(ellipse 70% 50% at 50% 18%, rgba(122, 60, 255, 0.2) 0%, transparent 65%),
		radial-gradient(ellipse 50% 40% at 82% 78%, rgba(255, 47, 174, 0.12) 0%, transparent 60%),
		url("/forum/styles/g6m/img/login/bg-vice-city-v397.webp") !important;
	background-size: auto, auto, auto, cover !important;
	background-position: center, center, center, center top !important;
	background-repeat: no-repeat !important;
}

html#XF[data-template="register_form"] .p-pageWrapper {
	position: relative !important;
	z-index: 1 !important;
	background: transparent !important;
	background-image: none !important;
	flex: 1 0 auto !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 100vh !important;
	min-height: 100dvh !important;
	width: 100% !important;
}

html#XF[data-template="register_form"] .p-pageWrapper::before,
html#XF[data-template="register_form"] .p-pageWrapper::after {
	content: none !important;
	display: none !important;
}

html#XF[data-template="register_form"] .p-body-sidebar,
html#XF[data-template="register_form"] .p-body-sideNav,
html#XF[data-template="register_form"] .p-body-header,
html#XF[data-template="register_form"] .p-title,
html#XF[data-template="register_form"] .p-description,
html#XF[data-template="register_form"] .p-breadcrumbs {
	display: none !important;
}

/* Specificity must beat v332/v339: html#XF body[data-template=…] */
html#XF[data-template="register_form"] .p-body,
html#XF[data-template="register_form"] .p-body-inner,
html#XF[data-template="register_form"] .p-body-main,
html#XF[data-template="register_form"] .p-body-content,
html#XF body[data-template="register_form"] .p-body,
html#XF body[data-template="register_form"] .p-body-inner,
html#XF body[data-template="register_form"] .p-body-main,
html#XF body[data-template="register_form"] .p-body-content,
html#XF body.template-register_form .p-body,
html#XF body.template-register_form .p-body-inner,
html body[data-template="register_form"] .p-body,
html body[data-template="register_form"] .p-body-inner {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	overflow: visible !important;
	overflow-x: visible !important;
}

html#XF[data-template="register_form"] .p-body-inner,
html#XF body[data-template="register_form"] .p-body-inner,
html#XF body.template-register_form .p-body-inner,
html body[data-template="register_form"] .p-body-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
	max-width: none !important;
	min-height: calc(100vh - 72px) !important;
	padding: 24px 16px 36px !important;
	box-sizing: border-box !important;
	gap: 16px !important;
	flex: 1 0 auto !important;
	overflow: visible !important;
	overflow-x: visible !important;
}

html#XF[data-template="register_form"] .p-footer {
	flex: 0 0 auto !important;
	margin-top: auto !important;
	width: 100% !important;
}

/* Kill obsolete outer hero / shell wrappers from older CSS */
html#XF[data-template="register_form"] .g6m-register-shell {
	all: unset !important;
	display: contents !important;
}

/* —— Glass shell = pageContent (same as login) ——
   Literals beat v391 lock min(880px, …) */
html#XF[data-template="register_form"] .p-body-pageContent,
html#XF[data-template="register_form"] body .p-body-pageContent,
html body[data-template="register_form"] .p-body-pageContent,
html#XF.template-register_form .p-body-pageContent,
html#XF body[data-template="register_form"] .p-body-pageContent,
html#XF body.template-register_form .p-body-pageContent {
	position: relative !important;
	isolation: isolate !important;
	width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
	max-width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
	margin: 0 auto !important;
	padding: var(--g6m397-pad) var(--g6m397-pad) calc(var(--g6m397-pad) - 10px) !important;
	border-radius: var(--g6m397-r) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	outline: 0 !important;
	background:
		linear-gradient(155deg, rgba(22, 18, 36, 0.72) 0%, rgba(10, 9, 18, 0.82) 55%, rgba(12, 10, 22, 0.78) 100%) !important;
	backdrop-filter: blur(22px) saturate(1.15) !important;
	-webkit-backdrop-filter: blur(22px) saturate(1.15) !important;
	box-shadow:
		0 28px 64px rgba(0, 0, 0, 0.5),
		0 0 0 1px rgba(255, 255, 255, 0.04) inset,
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 0 40px rgba(122, 60, 255, 0.08) !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	animation: g6m428In 360ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html#XF[data-template="register_form"] .p-body-pageContent::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	border-radius: inherit !important;
	padding: 1px !important;
	background: linear-gradient(135deg, rgba(255, 47, 174, 0.55), rgba(122, 60, 255, 0.28), rgba(0, 216, 255, 0.45)) !important;
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
	-webkit-mask-composite: xor !important;
	mask-composite: exclude !important;
	pointer-events: none !important;
	z-index: 6 !important;
	opacity: 0.7 !important;
}

html#XF[data-template="register_form"] .p-body-pageContent::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 0 auto 0 !important;
	height: 42% !important;
	border-radius: inherit !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, transparent 100%) !important;
	pointer-events: none !important;
	z-index: 5 !important;
	opacity: 0.55 !important;
}

html#XF[data-template="register_form"] .p-body-pageContent > * {
	position: relative !important;
	z-index: 7 !important;
}

@keyframes g6m428In {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	html#XF[data-template="register_form"] .p-body-pageContent { animation: none !important; }
}

/* —— Dual grid (login component) —— */
html#XF[data-template="register_form"] .g6m397-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1.05fr) auto minmax(0, 0.95fr) !important;
	align-items: stretch !important;
	gap: 0 14px !important;
	width: 100% !important;
}

html#XF[data-template="register_form"] .g6m397-col--form {
	min-width: 0 !important;
	padding-right: 12px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;
}

html#XF[data-template="register_form"] .g6m397-col--present {
	min-width: 0 !important;
	padding-left: 16px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
}

html#XF[data-template="register_form"] .g6m397-divider {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	align-self: stretch !important;
	padding: 16px 0 !important;
	gap: 0 !important;
	margin: 0 4px !important;
}

html#XF[data-template="register_form"] .g6m397-divider__line {
	flex: 1 1 auto !important;
	width: 1px !important;
	min-height: 24px !important;
	background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.22), transparent) !important;
}

html#XF[data-template="register_form"] .g6m397-divider__badge {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	margin: 10px 0 !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	background: rgba(12, 10, 20, 0.72) !important;
	color: var(--g6m397-ink) !important;
	font-size: 0.68rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
}

/* —— Hero (login component) —— */
html#XF[data-template="register_form"] .g6m-login-hero {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: var(--g6m404-gap-sm) !important;
	margin: 0 0 var(--g6m404-gap-md) !important;
	padding: 0 !important;
	text-align: left !important;
	width: 100% !important;
	max-width: none !important;
}

html#XF[data-template="register_form"] .g6m-login-hero__logo {
	height: 34px !important;
	width: auto !important;
	max-width: 200px !important;
	margin: 0 0 4px !important;
	object-fit: contain !important;
}

html#XF[data-template="register_form"] .g6m-login-hero__title {
	margin: 0 !important;
	font-size: 1.15rem !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.015em !important;
	color: #fff !important;
}

html#XF[data-template="register_form"] .g6m-login-hero__brand {
	background: linear-gradient(90deg, #5ec8ff, #ff4fc0) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}

html#XF[data-template="register_form"] .g6m-login-hero__sub {
	display: block !important;
	margin: 0 !important;
	max-width: 42ch !important;
	color: var(--g6m397-muted) !important;
	font-size: 0.82rem !important;
	font-weight: 450 !important;
	line-height: 1.4 !important;
}

html#XF[data-template="register_form"] .g6m-register-hero__eyebrow,
html#XF[data-template="register_form"] .g6m-register-hero__lead {
	display: none !important;
}

/* —— Form flatten —— */
html#XF[data-template="register_form"] form.g6m-register-form,
html#XF[data-template="register_form"] form.g6m-register-form > .block-container,
html#XF[data-template="register_form"] form.g6m-register-form .block-body {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	width: 100% !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formRow--limited {
	display: none !important;
}

/* —— Fields = login —— */
html#XF[data-template="register_form"] form.g6m-register-form .block-body > .formRow:not(.formRow--limited):not(.formSubmitRow),
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-actions,
html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 6px !important;
	margin: 0 0 var(--g6m404-gap-md) !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	min-height: 0 !important;
	width: 100% !important;
	float: none !important;
	clear: both !important;
	box-sizing: border-box !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formRow > dt,
html#XF[data-template="register_form"] form.g6m-register-form .formRow-label {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	text-align: left !important;
	color: var(--g6m397-pink) !important;
	font-size: 0.66rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	line-height: 1.25 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formRow-labelWrapper {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
}

/* Hide REQUIS pills — login does not use them */
html#XF[data-template="register_form"] form.g6m-register-form .formRow-hint,
html#XF[data-template="register_form"] form.g6m-register-form .formRow > dt .formRow-hint {
	display: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formRow > dd {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	float: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formRow-explain {
	margin: 4px 0 0 !important;
	padding: 0 !important;
	color: var(--g6m397-ghost) !important;
	font-size: 0.74rem !important;
	line-height: 1.35 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .input,
html#XF[data-template="register_form"] form.g6m-register-form input.input,
html#XF[data-template="register_form"] form.g6m-register-form .inputGroup input.input,
html#XF[data-template="register_form"] form.g6m-register-form .inputGroup input[type="password"] {
	height: var(--g6m404-field-h) !important;
	min-height: var(--g6m404-field-h) !important;
	max-height: var(--g6m404-field-h) !important;
	width: 100% !important;
	padding: 0 14px !important;
	border-radius: var(--g6m404-r) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	background: var(--g6m397-field) !important;
	box-shadow: none !important;
	color: var(--g6m397-ink) !important;
	box-sizing: border-box !important;
	line-height: 1.3 !important;
	transition: border-color var(--g6m397-ease), box-shadow var(--g6m397-ease) !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .inputGroup {
	display: flex !important;
	align-items: stretch !important;
	width: 100% !important;
	height: var(--g6m404-field-h) !important;
	min-height: var(--g6m404-field-h) !important;
	max-height: var(--g6m404-field-h) !important;
	border-radius: var(--g6m404-r) !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	background: var(--g6m397-field) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	transition: border-color var(--g6m397-ease), box-shadow var(--g6m397-ease) !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .inputGroup .input {
	border: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	min-width: 0 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .inputGroup--iconLeft .input {
	padding-left: 48px !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .input:focus,
html#XF[data-template="register_form"] form.g6m-register-form input.input:focus,
html#XF[data-template="register_form"] form.g6m-register-form .inputGroup:focus-within {
	border-color: rgba(0, 216, 255, 0.55) !important;
	box-shadow: 0 0 0 3px rgba(0, 216, 255, 0.14), 0 0 18px rgba(255, 47, 174, 0.12) !important;
	outline: none !important;
}

html#XF[data-template="register_form"] #g6m-password-mismatch {
	display: none !important;
	margin: -8px 0 var(--g6m404-gap-md) !important;
	color: #ff6b9d !important;
	font-size: 0.78rem !important;
}
html#XF[data-template="register_form"] #g6m-password-mismatch.is-visible {
	display: block !important;
}

/* —— Captcha frameless (login v404) —— */
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha,
html#XF[data-template="register_form"] form.g6m-register-form .g6m404-captcha {
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	min-height: 0 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .formRow {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	border: 0 !important;
	background: transparent !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .formRow > dt {
	width: 100% !important;
	text-align: left !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha dd,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .xfTokenContainer,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha .cf-turnstile,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha [data-xf-init="turnstile"] {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	min-height: 0 !important;
	float: none !important;
	line-height: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-captcha iframe {
	display: block !important;
	width: 300px !important;
	max-width: 100% !important;
	min-height: 65px !important;
	height: 65px !important;
	margin: 0 auto !important;
	border: 0 !important;
}

/* —— TOS checkbox (login remember chrome) —— */
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos .formRow > dt {
	display: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic {
	display: inline-grid !important;
	grid-template-columns: var(--g6m404-check) minmax(0, 1fr) !important;
	align-items: start !important;
	column-gap: 12px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic > input[type="checkbox"] {
	position: absolute !important;
	opacity: 0 !important;
	width: 1px !important;
	height: 1px !important;
	pointer-events: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic > i {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	grid-column: 1 !important;
	width: var(--g6m404-check) !important;
	height: var(--g6m404-check) !important;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 0 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic > i::before {
	content: "" !important;
	display: block !important;
	width: var(--g6m404-check) !important;
	height: var(--g6m404-check) !important;
	border-radius: 6px !important;
	border: 1.5px solid rgba(255, 255, 255, 0.55) !important;
	background: rgba(255, 255, 255, 0.08) !important;
	box-sizing: border-box !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label.iconic > input:checked + i::before {
	border-color: transparent !important;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"),
		linear-gradient(135deg, #ff2fae, #7a3cff) !important;
	background-size: 11px 11px, 100% 100% !important;
	background-position: center, center !important;
	background-repeat: no-repeat, no-repeat !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos .iconic-label,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos label {
	color: var(--g6m397-ink) !important;
	font-size: 0.86rem !important;
	line-height: 1.4 !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos a {
	color: var(--g6m397-cyan) !important;
	text-decoration: none !important;
}
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-tos a:hover {
	text-decoration: underline !important;
}

/* —— Primary CTA = S'IDENTIFIER component —— */
html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow > dt,
html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow-bar {
	display: none !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow-controls,
html#XF[data-template="register_form"] form.g6m-register-form .g6m-register-actions .button,
html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow .button.button--primary,
html#XF[data-template="register_form"] form.g6m-register-form button[type="submit"].button--primary,
html#XF[data-template="register_form"] form.g6m-register-form #js-signUpButton {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: var(--g6m404-btn-h) !important;
	height: var(--g6m404-btn-h) !important;
	max-height: var(--g6m404-btn-h) !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: var(--g6m404-r) !important;
	background: var(--g6m397-grad-btn) !important;
	color: #fff !important;
	font-family: var(--g6m397-font) !important;
	font-size: 0.86rem !important;
	font-weight: 750 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	box-sizing: border-box !important;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.3) !important;
	transition: transform var(--g6m397-ease), box-shadow var(--g6m397-ease), filter var(--g6m397-ease) !important;
	cursor: pointer !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow .button.button--primary:hover,
html#XF[data-template="register_form"] form.g6m-register-form #js-signUpButton:hover {
	transform: translateY(-1px) !important;
	filter: brightness(1.06) !important;
	box-shadow:
		0 14px 28px rgba(0, 0, 0, 0.34),
		0 0 22px rgba(255, 47, 174, 0.28) !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow .button.button--primary:active,
html#XF[data-template="register_form"] form.g6m-register-form #js-signUpButton:active {
	transform: translateY(1px) scale(0.99) !important;
}

html#XF[data-template="register_form"] form.g6m-register-form .formSubmitRow .button.button--primary.is-disabled,
html#XF[data-template="register_form"] form.g6m-register-form #js-signUpButton:disabled,
html#XF[data-template="register_form"] form.g6m-register-form #js-signUpButton.is-disabled {
	opacity: 0.55 !important;
	pointer-events: none !important;
	transform: none !important;
}

/* —— OAuth = login quick —— */
html#XF[data-template="register_form"] .g6m397-quick {
	margin: 8px 0 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

html#XF[data-template="register_form"] .g6m397-quick__head {
	margin: 0 0 12px !important;
	text-align: center !important;
	color: var(--g6m397-cyan) !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
}

html#XF[data-template="register_form"] .g6m397-quick__grid,
html#XF[data-template="register_form"] .g6m397-quick .listHeap {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	width: 100% !important;
}

html#XF[data-template="register_form"] .g6m397-quick__grid > li:nth-child(3) {
	grid-column: 1 / -1 !important;
}

html#XF[data-template="register_form"] .g6m397-quick .g6m-login-social__btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	min-height: 48px !important;
	height: 48px !important;
	padding: 0 14px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.14) !important;
	background: rgba(12, 10, 20, 0.55) !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	color: #fff !important;
	font-family: var(--g6m397-font) !important;
	font-size: 0.86rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
	box-sizing: border-box !important;
	transition: transform var(--g6m397-ease), border-color var(--g6m397-ease), background var(--g6m397-ease), box-shadow var(--g6m397-ease) !important;
}

html#XF[data-template="register_form"] .g6m397-quick .g6m-login-social__btn:hover {
	transform: translateY(-1px) !important;
	border-color: rgba(0, 216, 255, 0.4) !important;
	background: rgba(20, 16, 32, 0.7) !important;
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28) !important;
	color: #fff !important;
	text-decoration: none !important;
}

html#XF[data-template="register_form"] .g6m397-quick .g6m-login-social__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 18px !important;
	height: 18px !important;
	flex: 0 0 auto !important;
}

html#XF[data-template="register_form"] .g6m397-quick .g6m-login-social__icon svg {
	width: 18px !important;
	height: 18px !important;
	display: block !important;
}

/* Hide obsolete register social chrome if any remnant */
html#XF[data-template="register_form"] .g6m-register-social__divider,
html#XF[data-template="register_form"] .g6m-register-social__label {
	display: none !important;
}

/* —— Create/login hint = login create strip —— */
html#XF[data-template="register_form"] .g6m397-create {
	margin: 16px 0 0 !important;
	padding: 14px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: rgba(255, 255, 255, 0.03) !important;
	text-align: center !important;
}

html#XF[data-template="register_form"] .g6m397-create__title {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 10px !important;
	color: var(--g6m397-muted) !important;
	font-size: 0.84rem !important;
}

html#XF[data-template="register_form"] .g6m397-create__btn,
html#XF[data-template="register_form"] .g6m397-create a.button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	padding: 0 18px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(0, 216, 255, 0.45) !important;
	background: rgba(0, 216, 255, 0.06) !important;
	color: #fff !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	transition: transform var(--g6m397-ease), border-color var(--g6m397-ease), background var(--g6m397-ease) !important;
}

html#XF[data-template="register_form"] .g6m397-create__btn:hover {
	transform: translateY(-1px) !important;
	border-color: rgba(0, 216, 255, 0.7) !important;
	background: rgba(0, 216, 255, 0.12) !important;
}

/* —— Present column (login feats) —— */
html#XF[data-template="register_form"] .g6m397-present__title {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	color: #fff !important;
	font-size: 1rem !important;
	font-weight: 750 !important;
	line-height: 1.3 !important;
}

html#XF[data-template="register_form"] .g6m397-present__title-icon {
	color: var(--g6m397-cyan) !important;
}

html#XF[data-template="register_form"] .g6m397-feats {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

html#XF[data-template="register_form"] .g6m397-feat {
	display: grid !important;
	grid-template-columns: 40px minmax(0, 1fr) !important;
	align-items: start !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 12px !important;
	border-radius: 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: rgba(255, 255, 255, 0.03) !important;
	transition: border-color var(--g6m397-ease), background var(--g6m397-ease), transform var(--g6m397-ease) !important;
}

html#XF[data-template="register_form"] .g6m397-feat:hover {
	border-color: rgba(255, 47, 174, 0.28) !important;
	background: rgba(255, 255, 255, 0.05) !important;
	transform: translateY(-1px) !important;
}

html#XF[data-template="register_form"] .g6m397-feat__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 12px !important;
	border: 1px solid rgba(122, 60, 255, 0.45) !important;
	background: rgba(122, 60, 255, 0.1) !important;
	color: #c9b0ff !important;
}

html#XF[data-template="register_form"] .g6m397-feat__icon svg {
	width: 18px !important;
	height: 18px !important;
	stroke: currentColor !important;
	fill: none !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

html#XF[data-template="register_form"] .g6m397-feat__title {
	margin: 0 0 2px !important;
	color: #fff !important;
	font-size: 0.88rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

html#XF[data-template="register_form"] .g6m397-feat__desc {
	margin: 0 !important;
	color: var(--g6m397-muted) !important;
	font-size: 0.76rem !important;
	line-height: 1.35 !important;
}

html#XF[data-template="register_form"] .g6m397-deco {
	margin: auto 0 0 !important;
	padding: 0 !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html#XF[data-template="register_form"] .g6m397-deco img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
}

/* —— Secure / legal under card —— */
html#XF[data-template="register_form"] .g6m397-secure {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	margin: 4px 0 0 !important;
	color: var(--g6m397-ghost) !important;
	font-size: 0.74rem !important;
	width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
}

html#XF[data-template="register_form"] .g6m397-legal {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 16px !important;
	margin: 0 !important;
	width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
}

html#XF[data-template="register_form"] .g6m397-legal a {
	color: var(--g6m397-muted) !important;
	font-size: 0.74rem !important;
	text-decoration: none !important;
}
html#XF[data-template="register_form"] .g6m397-legal a:hover {
	color: var(--g6m397-cyan) !important;
}

/* Hide old benefits list styles if remnants */
html#XF[data-template="register_form"] .g6m-register-benefits__list,
html#XF[data-template="register_form"] .g6m-register-benefits__check {
	display: none !important;
}

/* —— Responsive (mirror login v397) —— */
@media (max-width: 1100px) {
	html#XF[data-template="register_form"],
	html body[data-template="register_form"] {
		--g6m397-card-w: 960px;
		--g6m397-pad: 24px;
	}
	html#XF[data-template="register_form"] .p-body-pageContent,
	html body[data-template="register_form"] .p-body-pageContent {
		width: min(960px, calc(100vw - 32px)) !important;
		max-width: min(960px, calc(100vw - 32px)) !important;
	}
}

@media (min-width: 1600px) {
	html#XF[data-template="register_form"],
	html body[data-template="register_form"] {
		--g6m397-card-w: 1120px;
	}
	html#XF[data-template="register_form"] .p-body-pageContent,
	html#XF[data-template="register_form"] body .p-body-pageContent,
	html body[data-template="register_form"] .p-body-pageContent,
	html#XF.template-register_form .p-body-pageContent {
		width: min(1120px, calc(100vw - 32px)) !important;
		max-width: min(1120px, calc(100vw - 32px)) !important;
	}
}

@media (max-width: 920px) {
	html#XF[data-template="register_form"] .g6m397-grid {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
	html#XF[data-template="register_form"] .g6m397-divider {
		flex-direction: row !important;
		width: 100% !important;
		height: auto !important;
		padding: 4px 0 !important;
		margin: 0 !important;
	}
	html#XF[data-template="register_form"] .g6m397-divider__line {
		flex: 1 1 auto !important;
		width: auto !important;
		height: 1px !important;
		min-height: 0 !important;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent) !important;
	}
	html#XF[data-template="register_form"] .g6m397-col--form,
	html#XF[data-template="register_form"] .g6m397-col--present {
		padding: 0 !important;
	}
}

@media (max-width: 560px) {
	html#XF[data-template="register_form"] .p-body-inner {
		padding: 16px 12px 28px !important;
	}
	html#XF[data-template="register_form"] .p-body-pageContent {
		padding: 18px 14px 14px !important;
		width: calc(100vw - 24px) !important;
		max-width: calc(100vw - 24px) !important;
	}
	html#XF[data-template="register_form"] .g6m397-quick__grid {
		grid-template-columns: 1fr !important;
	}
	html#XF[data-template="register_form"] .g6m397-quick__grid > li:nth-child(3) {
		grid-column: auto !important;
	}
}

/* ==== g6m-register-shell-clone-v433.css ==== */
/* G6M_REGISTER_SHELL_CLONE_V433
   Root cause: legacy locks (v332 / v339) set
   html#XF body[data-template="register_form"] .p-body-inner { max-width: 760px|700px }
   with HIGHER specificity than v428's html#XF[data-template="register_form"].
   That clips the 1080/1120 dual-column card (overflow-x: clip on .p-body-inner).

   This file mirrors login shell geometry exactly — layout only, no redesign.
   Load LAST in TM g6m_forum_ui_critical.
*/

html#XF[data-template="register_form"],
html#XF.template-register_form,
html#XF body[data-template="register_form"],
html body[data-template="register_form"],
html.g6m-register-v433 {
	--g6m433: V433;
	--g6m397-card-w: 1080px;
	--g6m-shell-w: 1080px;
	--g6m-rp-shell-w: 1080px;
	--g6m416-shell-w: 1080px;
	--g6m385-shell-w: 1080px;
	--g6m389-shell-w: 1080px;
	--g6m391-shell-w: 1080px;
	--g6m390-card-w: 1080px;
}

@media (min-width: 1600px) {
	html#XF[data-template="register_form"],
	html#XF.template-register_form,
	html#XF body[data-template="register_form"],
	html body[data-template="register_form"] {
		--g6m397-card-w: 1120px;
		--g6m-shell-w: 1120px;
		--g6m-rp-shell-w: 1120px;
		--g6m416-shell-w: 1120px;
		--g6m385-shell-w: 1120px;
		--g6m389-shell-w: 1120px;
		--g6m391-shell-w: 1120px;
		--g6m390-card-w: 1120px;
	}
}

@media (max-width: 1180px) {
	html#XF[data-template="register_form"],
	html#XF body[data-template="register_form"],
	html body[data-template="register_form"] {
		--g6m397-card-w: 960px;
		--g6m-shell-w: 960px;
		--g6m-rp-shell-w: 960px;
	}
}

/* —— Kill 760/700 shell cages (match login body-inner) —— */
html#XF[data-template="register_form"] .p-body,
html#XF[data-template="register_form"] .p-body-inner,
html#XF[data-template="register_form"] .p-body-main,
html#XF[data-template="register_form"] .p-body-content,
html#XF.template-register_form .p-body,
html#XF.template-register_form .p-body-inner,
html#XF.template-register_form .p-body-main,
html#XF.template-register_form .p-body-content,
html#XF body[data-template="register_form"] .p-body,
html#XF body[data-template="register_form"] .p-body-inner,
html#XF body[data-template="register_form"] .p-body-main,
html#XF body[data-template="register_form"] .p-body-content,
html#XF body.template-register_form .p-body,
html#XF body.template-register_form .p-body-inner,
html#XF body.template-register_form .p-body-main,
html#XF body.template-register_form .p-body-content,
html body[data-template="register_form"] .p-body,
html body[data-template="register_form"] .p-body-inner,
html body[data-template="register_form"] .p-body-main,
html body[data-template="register_form"] .p-body-content {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
}

html#XF[data-template="register_form"] .p-body-inner,
html#XF.template-register_form .p-body-inner,
html#XF body[data-template="register_form"] .p-body-inner,
html#XF body.template-register_form .p-body-inner,
html body[data-template="register_form"] .p-body-inner,
html body.template-register_form .p-body-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
	max-width: none !important;
	min-height: calc(100vh - 72px) !important;
	padding: 24px 16px 36px !important;
	box-sizing: border-box !important;
	gap: 16px !important;
	flex: 1 0 auto !important;
	background: transparent !important;
	overflow: visible !important;
	overflow-x: visible !important;
	clip-path: none !important;
}

html#XF[data-template="register_form"] .p-body,
html#XF body[data-template="register_form"] .p-body,
html body[data-template="register_form"] .p-body {
	overflow: visible !important;
	overflow-x: visible !important;
}

/* —— Glass card = same width formula as login —— */
html#XF[data-template="register_form"] .p-body-pageContent,
html#XF.template-register_form .p-body-pageContent,
html#XF body[data-template="register_form"] .p-body-pageContent,
html#XF body.template-register_form .p-body-pageContent,
html body[data-template="register_form"] .p-body-pageContent,
html#XF[data-template="register_form"] .p-body .p-body-content .p-body-pageContent,
html#XF body[data-template="register_form"] .p-body .p-body-content .p-body-pageContent {
	position: relative !important;
	isolation: isolate !important;
	width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
	max-width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
	min-width: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	overflow-x: visible !important;
}

/* Dual grid — identical to login v397 */
html#XF[data-template="register_form"] .g6m397-grid,
html#XF body[data-template="register_form"] .g6m397-grid,
html body[data-template="register_form"] .g6m397-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1.05fr) auto minmax(0, 0.95fr) !important;
	align-items: stretch !important;
	gap: 0 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

html#XF[data-template="register_form"] .g6m397-col--form,
html#XF body[data-template="register_form"] .g6m397-col--form,
html#XF[data-template="register_form"] .g6m397-col--present,
html#XF body[data-template="register_form"] .g6m397-col--present {
	min-width: 0 !important;
	max-width: 100% !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

html#XF[data-template="register_form"] .g6m397-col--present,
html#XF body[data-template="register_form"] .g6m397-col--present {
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
	padding-left: 16px !important;
}

html#XF[data-template="register_form"] .g6m397-col--form,
html#XF body[data-template="register_form"] .g6m397-col--form {
	padding-right: 16px !important;
}

html#XF[data-template="register_form"] .g6m397-divider,
html#XF body[data-template="register_form"] .g6m397-divider {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	max-width: 40px !important;
	min-width: 40px !important;
	flex: 0 0 40px !important;
	align-self: stretch !important;
	margin: 0 4px !important;
	padding: 16px 0 !important;
	box-sizing: border-box !important;
}

html#XF[data-template="register_form"] .g6m397-feat,
html#XF body[data-template="register_form"] .g6m397-feat,
html#XF[data-template="register_form"] .g6m397-feats,
html#XF body[data-template="register_form"] .g6m397-feats {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

html#XF[data-template="register_form"] .g6m397-feat__text,
html#XF body[data-template="register_form"] .g6m397-feat__text,
html#XF[data-template="register_form"] .g6m397-present__title,
html#XF body[data-template="register_form"] .g6m397-present__title {
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: normal !important;
	word-break: break-word !important;
}

/* Forms / blocks must not shrink the dual grid */
html#XF[data-template="register_form"] .p-body-pageContent > .block,
html#XF body[data-template="register_form"] .p-body-pageContent > .block,
html#XF[data-template="register_form"] .p-body-pageContent .blocks,
html#XF body[data-template="register_form"] .p-body-pageContent .blocks,
html#XF[data-template="register_form"] .p-body-pageContent .block-container,
html#XF body[data-template="register_form"] .p-body-pageContent .block-container {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

/* Responsive — same breakpoints as login */
@media (max-width: 1180px) {
	html#XF[data-template="register_form"] .g6m397-grid,
	html#XF body[data-template="register_form"] .g6m397-grid {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 0.9fr) !important;
	}
}

@media (max-width: 980px) {
	html#XF[data-template="register_form"] .g6m397-grid,
	html#XF body[data-template="register_form"] .g6m397-grid {
		grid-template-columns: 1fr !important;
		gap: 18px 0 !important;
	}
	html#XF[data-template="register_form"] .g6m397-divider,
	html#XF body[data-template="register_form"] .g6m397-divider {
		flex-direction: row !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		height: auto !important;
		padding: 4px 0 !important;
		margin: 0 !important;
	}
	html#XF[data-template="register_form"] .g6m397-divider__line,
	html#XF body[data-template="register_form"] .g6m397-divider__line {
		flex: 1 1 auto !important;
		width: auto !important;
		height: 1px !important;
		min-height: 0 !important;
	}
	html#XF[data-template="register_form"] .g6m397-col--form,
	html#XF[data-template="register_form"] .g6m397-col--present,
	html#XF body[data-template="register_form"] .g6m397-col--form,
	html#XF body[data-template="register_form"] .g6m397-col--present {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 720px) {
	html#XF[data-template="register_form"] .p-body-inner,
	html#XF body[data-template="register_form"] .p-body-inner {
		padding: 20px 12px 32px !important;
	}
	html#XF[data-template="register_form"] .g6m397-col--present,
	html#XF body[data-template="register_form"] .g6m397-col--present {
		display: none !important;
	}
	html#XF[data-template="register_form"] .g6m397-divider,
	html#XF body[data-template="register_form"] .g6m397-divider {
		display: none !important;
	}
}

/* ==== g6m-inline-65-v700.css ==== */
/* Externalise depuis la modification #56, bloc inline #65 — position et ordre de cascade inchanges */

/* G6M_REGISTER_SHELL_CLONE_V433
   Root cause: legacy locks (v332 / v339) set
   html#XF body[data-template="register_form"] .p-body-inner { max-width: 760px|700px }
   with HIGHER specificity than v428's html#XF[data-template="register_form"].
   That clips the 1080/1120 dual-column card (overflow-x: clip on .p-body-inner).

   This file mirrors login shell geometry exactly — layout only, no redesign.
   Load LAST in TM g6m_forum_ui_critical.
*/

html#XF[data-template="register_form"],
html#XF.template-register_form,
html#XF body[data-template="register_form"],
html body[data-template="register_form"],
html.g6m-register-v433 {
	--g6m433: V433;
	--g6m397-card-w: 1080px;
	--g6m-shell-w: 1080px;
	--g6m-rp-shell-w: 1080px;
	--g6m416-shell-w: 1080px;
	--g6m385-shell-w: 1080px;
	--g6m389-shell-w: 1080px;
	--g6m391-shell-w: 1080px;
	--g6m390-card-w: 1080px;
}

@media (min-width: 1600px) {
	html#XF[data-template="register_form"],
	html#XF.template-register_form,
	html#XF body[data-template="register_form"],
	html body[data-template="register_form"] {
		--g6m397-card-w: 1120px;
		--g6m-shell-w: 1120px;
		--g6m-rp-shell-w: 1120px;
		--g6m416-shell-w: 1120px;
		--g6m385-shell-w: 1120px;
		--g6m389-shell-w: 1120px;
		--g6m391-shell-w: 1120px;
		--g6m390-card-w: 1120px;
	}
}

@media (max-width: 1180px) {
	html#XF[data-template="register_form"],
	html#XF body[data-template="register_form"],
	html body[data-template="register_form"] {
		--g6m397-card-w: 960px;
		--g6m-shell-w: 960px;
		--g6m-rp-shell-w: 960px;
	}
}

/* —— Kill 760/700 shell cages (match login body-inner) —— */
html#XF[data-template="register_form"] .p-body,
html#XF[data-template="register_form"] .p-body-inner,
html#XF[data-template="register_form"] .p-body-main,
html#XF[data-template="register_form"] .p-body-content,
html#XF.template-register_form .p-body,
html#XF.template-register_form .p-body-inner,
html#XF.template-register_form .p-body-main,
html#XF.template-register_form .p-body-content,
html#XF body[data-template="register_form"] .p-body,
html#XF body[data-template="register_form"] .p-body-inner,
html#XF body[data-template="register_form"] .p-body-main,
html#XF body[data-template="register_form"] .p-body-content,
html#XF body.template-register_form .p-body,
html#XF body.template-register_form .p-body-inner,
html#XF body.template-register_form .p-body-main,
html#XF body.template-register_form .p-body-content,
html body[data-template="register_form"] .p-body,
html body[data-template="register_form"] .p-body-inner,
html body[data-template="register_form"] .p-body-main,
html body[data-template="register_form"] .p-body-content {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
}

html#XF[data-template="register_form"] .p-body-inner,
html#XF.template-register_form .p-body-inner,
html#XF body[data-template="register_form"] .p-body-inner,
html#XF body.template-register_form .p-body-inner,
html body[data-template="register_form"] .p-body-inner,
html body.template-register_form .p-body-inner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: 100% !important;
	max-width: none !important;
	min-height: calc(100vh - 72px) !important;
	padding: 24px 16px 36px !important;
	box-sizing: border-box !important;
	gap: 16px !important;
	flex: 1 0 auto !important;
	background: transparent !important;
	overflow: visible !important;
	overflow-x: visible !important;
	clip-path: none !important;
}

html#XF[data-template="register_form"] .p-body,
html#XF body[data-template="register_form"] .p-body,
html body[data-template="register_form"] .p-body {
	overflow: visible !important;
	overflow-x: visible !important;
}

/* —— Glass card = same width formula as login —— */
html#XF[data-template="register_form"] .p-body-pageContent,
html#XF.template-register_form .p-body-pageContent,
html#XF body[data-template="register_form"] .p-body-pageContent,
html#XF body.template-register_form .p-body-pageContent,
html body[data-template="register_form"] .p-body-pageContent,
html#XF[data-template="register_form"] .p-body .p-body-content .p-body-pageContent,
html#XF body[data-template="register_form"] .p-body .p-body-content .p-body-pageContent {
	position: relative !important;
	isolation: isolate !important;
	width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
	max-width: min(var(--g6m397-card-w), calc(100vw - 32px)) !important;
	min-width: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	overflow-x: visible !important;
}

/* Dual grid — identical to login v397 */
html#XF[data-template="register_form"] .g6m397-grid,
html#XF body[data-template="register_form"] .g6m397-grid,
html body[data-template="register_form"] .g6m397-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1.05fr) auto minmax(0, 0.95fr) !important;
	align-items: stretch !important;
	gap: 0 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

html#XF[data-template="register_form"] .g6m397-col--form,
html#XF body[data-template="register_form"] .g6m397-col--form,
html#XF[data-template="register_form"] .g6m397-col--present,
html#XF body[data-template="register_form"] .g6m397-col--present {
	min-width: 0 !important;
	max-width: 100% !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

html#XF[data-template="register_form"] .g6m397-col--present,
html#XF body[data-template="register_form"] .g6m397-col--present {
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
	padding-left: 16px !important;
}

html#XF[data-template="register_form"] .g6m397-col--form,
html#XF body[data-template="register_form"] .g6m397-col--form {
	padding-right: 16px !important;
}

html#XF[data-template="register_form"] .g6m397-divider,
html#XF body[data-template="register_form"] .g6m397-divider {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	max-width: 40px !important;
	min-width: 40px !important;
	flex: 0 0 40px !important;
	align-self: stretch !important;
	margin: 0 4px !important;
	padding: 16px 0 !important;
	box-sizing: border-box !important;
}

html#XF[data-template="register_form"] .g6m397-feat,
html#XF body[data-template="register_form"] .g6m397-feat,
html#XF[data-template="register_form"] .g6m397-feats,
html#XF body[data-template="register_form"] .g6m397-feats {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

html#XF[data-template="register_form"] .g6m397-feat__text,
html#XF body[data-template="register_form"] .g6m397-feat__text,
html#XF[data-template="register_form"] .g6m397-present__title,
html#XF body[data-template="register_form"] .g6m397-present__title {
	overflow: visible !important;
	text-overflow: clip !important;
	white-space: normal !important;
	word-break: break-word !important;
}

/* Forms / blocks must not shrink the dual grid */
html#XF[data-template="register_form"] .p-body-pageContent > .block,
html#XF body[data-template="register_form"] .p-body-pageContent > .block,
html#XF[data-template="register_form"] .p-body-pageContent .blocks,
html#XF body[data-template="register_form"] .p-body-pageContent .blocks,
html#XF[data-template="register_form"] .p-body-pageContent .block-container,
html#XF body[data-template="register_form"] .p-body-pageContent .block-container {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: visible !important;
	box-sizing: border-box !important;
}

/* Responsive — same breakpoints as login */
@media (max-width: 1180px) {
	html#XF[data-template="register_form"] .g6m397-grid,
	html#XF body[data-template="register_form"] .g6m397-grid {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 0.9fr) !important;
	}
}

@media (max-width: 980px) {
	html#XF[data-template="register_form"] .g6m397-grid,
	html#XF body[data-template="register_form"] .g6m397-grid {
		grid-template-columns: 1fr !important;
		gap: 18px 0 !important;
	}
	html#XF[data-template="register_form"] .g6m397-divider,
	html#XF body[data-template="register_form"] .g6m397-divider {
		flex-direction: row !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		height: auto !important;
		padding: 4px 0 !important;
		margin: 0 !important;
	}
	html#XF[data-template="register_form"] .g6m397-divider__line,
	html#XF body[data-template="register_form"] .g6m397-divider__line {
		flex: 1 1 auto !important;
		width: auto !important;
		height: 1px !important;
		min-height: 0 !important;
	}
	html#XF[data-template="register_form"] .g6m397-col--form,
	html#XF[data-template="register_form"] .g6m397-col--present,
	html#XF body[data-template="register_form"] .g6m397-col--form,
	html#XF body[data-template="register_form"] .g6m397-col--present {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (max-width: 720px) {
	html#XF[data-template="register_form"] .p-body-inner,
	html#XF body[data-template="register_form"] .p-body-inner {
		padding: 20px 12px 32px !important;
	}
	html#XF[data-template="register_form"] .g6m397-col--present,
	html#XF body[data-template="register_form"] .g6m397-col--present {
		display: none !important;
	}
	html#XF[data-template="register_form"] .g6m397-divider,
	html#XF body[data-template="register_form"] .g6m397-divider {
		display: none !important;
	}
}