/* G6M_BUNDLE_07 — 11 feuilles, ordre du document preserve */
/* ==== g6m-sidebar-global-v131.css ==== */
/* G6M_SIDEBAR_GLOBAL_V131 — hide sidebar chrome on auth pages */
html body[data-template="login"] .p-body-sidebar,
html body[data-template="login"] .p-body-sidebarCol,
html body[data-template="login_password"] .p-body-sidebar,
html body[data-template="login_two_step"] .p-body-sidebar,
html body[data-template="register_form"] .p-body-sidebar,
html body[data-template="register_connected_account"] .p-body-sidebar,
html body[data-template="lost_password"] .p-body-sidebar,
html body[data-template="lost_password_confirm"] .p-body-sidebar,
html body[data-template="two_step"] .p-body-sidebar,
html body.template-login .p-body-sidebar,
html body.template-register_form .p-body-sidebar,
html body.template-lost_password .p-body-sidebar {
	display: none !important;
	width: 0 !important;
	max-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}

html body[data-template="login"] .p-body-main--withSidebar,
html body[data-template="register_form"] .p-body-main--withSidebar,
html body[data-template="lost_password"] .p-body-main--withSidebar,
html body.template-login .p-body-main--withSidebar,
html body.template-register_form .p-body-main--withSidebar {
	display: block !important;
}

html body[data-template="login"] .p-body-content,
html body[data-template="register_form"] .p-body-content,
html body[data-template="lost_password"] .p-body-content,
html body.template-login .p-body-content,
html body.template-register_form .p-body-content {
	width: 100% !important;
	max-width: 100% !important;
	flex: 1 1 100% !important;
}
/* END G6M_SIDEBAR_GLOBAL_V131 */

/* ==== g6m-solde-click-fix-v174.css ==== */
/* G6M_SOLDE_CLICK_FIX_V174
   Beat v163 selected purple + kill click stagger (scale/sheen/ripple). */

/* Ripple layers off */
html body .p-navEl:has(> a[data-nav-id="dbtechCredits"]) > .ripple-container,
html body .p-navEl:has(> a[data-nav-id="dbtechCredits"]) .ripple,
html body .p-navEl:has(> a.g6m-nav-solde) > .ripple-container,
html body .p-navEl:has(> a.g6m-nav-solde) .ripple,
html body a.g6m-nav-solde .ripple-container,
html body a.g6m-nav-solde .ripple {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	transform: none !important;
}

/* Parent shell: never paint / shift under the chip */
html body .p-nav-list .p-navEl:has(> a[data-nav-id="dbtechCredits"]),
html body .p-nav-list .p-navEl:has(> a.g6m-nav-solde),
html body .p-nav-list .p-navEl:has(> a[data-nav-id="dbtechCredits"]).is-selected,
html body .p-nav-list .p-navEl:has(> a.g6m-nav-solde).is-selected,
html body .p-nav-list .p-navEl:has(> a[data-nav-id="dbtechCredits"]).is-active,
html body .p-nav-list .p-navEl:has(> a.g6m-nav-solde).is-active,
html body .p-nav-list .p-navEl:has(> a[data-nav-id="dbtechCredits"]).rippleButton:active,
html body .p-nav-list .p-navEl:has(> a.g6m-nav-solde).rippleButton:active {
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	transform: none !important;
	filter: none !important;
	overflow: visible !important;
}

/* Bank green ALWAYS — must beat:
   html body .p-nav-list .p-navEl.is-selected > .p-navEl-link (v163) */
html body .p-nav-list .p-navEl.is-selected > a.p-navEl-link[data-nav-id="dbtechCredits"],
html body .p-nav-list .p-navEl.is-active > a.p-navEl-link[data-nav-id="dbtechCredits"],
html body .p-nav-list .p-navEl[aria-current="page"] > a.p-navEl-link[data-nav-id="dbtechCredits"],
html body .p-nav-list .p-navEl.is-selected > a.p-navEl-link.g6m-nav-solde,
html body .p-nav-list .p-navEl.is-active > a.p-navEl-link.g6m-nav-solde,
html body .p-nav-list .p-navEl[aria-current="page"] > a.p-navEl-link.g6m-nav-solde,
html body .p-nav-list a.p-navEl-link[data-nav-id="dbtechCredits"].is-selected,
html body .p-nav-list a.p-navEl-link.g6m-nav-solde.is-selected,
html body .p-nav-list a.p-navEl-link[data-nav-id="dbtechCredits"]:hover,
html body .p-nav-list a.p-navEl-link.g6m-nav-solde:hover,
html body .p-nav-list a.p-navEl-link[data-nav-id="dbtechCredits"]:active,
html body .p-nav-list a.p-navEl-link.g6m-nav-solde:active,
html body .p-nav-list a.p-navEl-link[data-nav-id="dbtechCredits"]:focus,
html body .p-nav-list a.p-navEl-link.g6m-nav-solde:focus,
html body .p-nav-list a.p-navEl-link[data-nav-id="dbtechCredits"]:focus-visible,
html body .p-nav-list a.p-navEl-link.g6m-nav-solde:focus-visible {
	transform: none !important;
	outline: none !important;
	filter: none !important;
	scale: none !important;
	border: 1px solid rgba(200, 235, 192, 0.72) !important;
	background-color: #0e1a12 !important;
	background-image:
		linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 45%),
		linear-gradient(155deg, #1a3220 0%, #0e1a12 55%, #0a140e 100%) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, transparent 45%),
		linear-gradient(155deg, #1a3220 0%, #0e1a12 55%, #0a140e 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(200, 235, 192, 0.2),
		0 6px 16px rgba(0, 0, 0, 0.32),
		0 0 0 1px rgba(133, 187, 101, 0.16) !important;
	color: #f3fbf0 !important;
	-webkit-text-fill-color: #f3fbf0 !important;
	text-decoration: none !important;
}

/* Pressed: inset only, no scale/translate (was the stagger) */
html body .p-nav-list a.p-navEl-link[data-nav-id="dbtechCredits"]:active,
html body .p-nav-list a.p-navEl-link.g6m-nav-solde:active {
	transform: none !important;
	box-shadow:
		inset 0 2px 6px rgba(0, 0, 0, 0.35),
		0 2px 8px rgba(0, 0, 0, 0.22) !important;
	border-color: rgba(133, 187, 101, 0.55) !important;
}

/* Soft hover lift only — never scale */
html body .p-nav-list a.p-navEl-link[data-nav-id="dbtechCredits"]:hover,
html body .p-nav-list a.p-navEl-link.g6m-nav-solde:hover {
	transform: translateY(-1px) !important;
}

/* Kill sheen layer entirely on this chip (was mid-slide double-layer) */
html body .p-nav-list a.p-navEl-link[data-nav-id="dbtechCredits"]::after,
html body .p-nav-list a.p-navEl-link.g6m-nav-solde::after,
html body .p-nav-list a.p-navEl-link[data-nav-id="dbtechCredits"]:hover::after,
html body .p-nav-list a.p-navEl-link.g6m-nav-solde:hover::after,
html body .p-nav-list a.p-navEl-link[data-nav-id="dbtechCredits"]:active::after,
html body .p-nav-list a.p-navEl-link.g6m-nav-solde:active::after,
html body .p-nav-list .p-navEl.is-selected > a.p-navEl-link[data-nav-id="dbtechCredits"]::after,
html body .p-nav-list .p-navEl.is-selected > a.p-navEl-link.g6m-nav-solde::after {
	content: none !important;
	display: none !important;
	opacity: 0 !important;
	transform: none !important;
	background: none !important;
	animation: none !important;
	transition: none !important;
}

/* END G6M_SOLDE_CLICK_FIX_V174 */
/* G6M_LOGIN_FINAL_V177
   Complete login redesign in one file — must win document cascade. */

/* ─── Keyframes ─────────────────────────────────────────────────────────── */
@keyframes g6mLoginTitlePulse {
	0%, 100% {
		filter: drop-shadow(0 0 16px rgba(196, 77, 255, 0.32))
			drop-shadow(0 0 28px rgba(255, 11, 139, 0.18));
	}
	50% {
		filter: drop-shadow(0 0 22px rgba(255, 11, 139, 0.48))
			drop-shadow(0 0 36px rgba(141, 56, 255, 0.28));
	}
}

@keyframes g6mLoginLinePulse {
	0%, 100% { opacity: 0.72; box-shadow: 0 0 12px rgba(255, 11, 139, 0.35); }
	50% { opacity: 1; box-shadow: 0 0 18px rgba(141, 56, 255, 0.55); }
}

/* ─── Page shell — no horizontal scroll, depth ──────────────────────────── */
html body[data-template="login"],
html body.template-login,
html body[data-template="login_password"],
html body.template-login_password {
	overflow-x: hidden !important;
}

html body[data-template="login"] .p-pageWrapper,
html body.template-login .p-pageWrapper,
html body[data-template="login_password"] .p-pageWrapper,
html body.template-login_password .p-pageWrapper {
	position: relative !important;
	isolation: isolate !important;
	overflow-x: hidden !important;
	min-height: 100vh !important;
	background-color: #07070b !important;
	/* Soft scenic base (palms stay via image layer below) */
	/* neutralized login bg:none by login329c */
	background-attachment: scroll !important;
	filter: none !important;
}

/* Palm layer — slight blur + reduced opacity for depth */
html body[data-template="login"] .p-pageWrapper::after,
html body.template-login .p-pageWrapper::after,
html body[data-template="login_password"] .p-pageWrapper::after,
html body.template-login_password .p-pageWrapper::after {
	content: "" !important;
	position: absolute !important;
	inset: -12px !important;
	z-index: 0 !important;
	pointer-events: none !important;
	background-image: url(/forum/styles/g6m/gta6modding-forum-bg-desktop.webp?v=bg175) !important;
	background-position: center top !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	opacity: 0.72 !important;
	filter: blur(2.5px) saturate(0.95) !important;
	-webkit-filter: blur(2.5px) saturate(0.95) !important;
	transform: scale(1.02) !important;
}

/* Veil + vignette (replaces prior full-bleed ::before artifacts) */
html body[data-template="login"] .p-pageWrapper::before,
html body.template-login .p-pageWrapper::before,
html body[data-template="login_password"] .p-pageWrapper::before,
html body.template-login_password .p-pageWrapper::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	pointer-events: none !important;
	background:
		radial-gradient(ellipse 85% 70% at 50% 40%, transparent 35%, rgba(4, 4, 8, 0.55) 100%),
		radial-gradient(ellipse 70% 45% at 50% 0%, rgba(141, 56, 255, 0.14), transparent 58%),
		linear-gradient(180deg, rgba(6, 6, 12, 0.38) 0%, rgba(6, 6, 12, 0.52) 48%, rgba(6, 6, 12, 0.78) 100%) !important;
	width: auto !important;
	height: auto !important;
	left: 0 !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	opacity: 1 !important;
	filter: none !important;
	transform: none !important;
}

html body[data-template="login"] .p-header,
html body[data-template="login"] .p-navSticky,
html body[data-template="login"] .p-body,
html body.template-login .p-header,
html body.template-login .p-navSticky,
html body.template-login .p-body {
	position: relative !important;
	z-index: 2 !important;
	background: transparent !important;
}

html body[data-template="login"] .p-body,
html body.template-login .p-body {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

/* ─── Kill stray neon rail (forum titlebar V80/V89 ::before) ─────────────── */
html body[data-template="login"] .p-body-header::before,
html body[data-template="login"] .p-pageWrapper > .p-body-header::before,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header::before,
html body.template-login .p-body-header::before,
html body.template-login .p-pageWrapper > .p-body-header::before,
html body[data-template="login_password"] .p-body-header::before,
html body.template-login_password .p-body-header::before {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	background: none !important;
	box-shadow: none !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* ─── Layout — centered column, more air under header ───────────────────── */
html body[data-template="login"] .p-body .p-body-inner,
html body[data-template="login"] .p-pageWrapper .p-body-inner,
html body[data-template="login"] .p-body-inner,
html body.template-login .p-body .p-body-inner,
html body.template-login .p-pageWrapper .p-body-inner,
html body.template-login .p-body-inner,
html body[data-template="login_password"] .p-body-inner,
html body.template-login_password .p-body-inner {
	max-width: 460px !important;
	width: 100% !important;
	margin: 3.25rem auto 3.5rem !important;
	padding: 0 1.15rem !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
}

html body[data-template="login"] .p-body-pageContent,
html body.template-login .p-body-pageContent {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
}

html body[data-template="login"] .p-body-sideNav,
html body[data-template="login"] .p-body-sidebar,
html body.template-login .p-body-sideNav,
html body.template-login .p-body-sidebar {
	display: none !important;
}

/* ─── Header / title block ──────────────────────────────────────────────── */
html body[data-template="login"] .p-body-header,
html body.template-login .p-body-header,
html body[data-template="login_password"] .p-body-header,
html body.template-login_password .p-body-header {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto 1.65rem !important;
	padding: 0.35rem 0 0.15rem !important;
	text-align: center !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

html body[data-template="login"] .p-body-header .pageContent,
html body.template-login .p-body-header .pageContent,
html body[data-template="login"] .p-body-header .uix_headerInner,
html body.template-login .p-body-header .uix_headerInner,
html body[data-template="login"] .p-body-header .uix_headerInner--opposite {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	text-align: center !important;
	transform: none !important;
	order: unset !important;
	flex: none !important;
	gap: 0 !important;
}

html body[data-template="login"] .p-body-header .p-title,
html body.template-login .p-body-header .p-title,
html body[data-template="login"] .p-title {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	transform: none !important;
	gap: 0 !important;
}

html body[data-template="login"] .p-title-pageAction,
html body.template-login .p-title-pageAction {
	display: none !important;
}

/* Hero wordmark — purple → pink, glow, tracking, soft pulse */
html body[data-template="login"] .p-body-header .p-title-value,
html body.template-login .p-body-header .p-title-value,
html body[data-template="login"] .p-body-header h1.p-title-value,
html body.template-login h1.p-title-value,
html body[data-template="login"] .p-title-value,
html body.template-login .p-title-value,
html body[data-template="login_password"] .p-title-value {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0.15rem 0.5rem !important;
	font-family: Rajdhani, Orbitron, "Segoe UI", sans-serif !important;
	font-size: clamp(2.35rem, 5.2vw, 3.35rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.22em !important;
	text-indent: 0.22em !important; /* optical center with letter-spacing */
	text-transform: uppercase !important;
	line-height: 1.08 !important;
	text-align: center !important;
	background: linear-gradient(105deg, #8d38ff 0%, #c44dff 32%, #ff4db8 68%, #ff0b8b 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	text-shadow: none !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	filter: drop-shadow(0 0 16px rgba(196, 77, 255, 0.32))
		drop-shadow(0 0 28px rgba(255, 11, 139, 0.18)) !important;
	animation: g6mLoginTitlePulse 4.5s ease-in-out infinite !important;
}

/* Fine luminous line under title (flex-column sibling) */
html body[data-template="login"] .p-body-header .p-title::after,
html body.template-login .p-body-header .p-title::after,
html body[data-template="login_password"] .p-body-header .p-title::after {
	content: "" !important;
	display: block !important;
	flex: 0 0 auto !important;
	align-self: center !important;
	width: 5.25rem !important;
	height: 2px !important;
	margin: 0.95rem auto 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, transparent 0%, #ff0b8b 22%, #8d38ff 50%, #00d7ff 78%, transparent 100%) !important;
	box-shadow: 0 0 14px rgba(255, 11, 139, 0.4) !important;
	animation: g6mLoginLinePulse 4.5s ease-in-out infinite !important;
}

/* ─── Glass card ────────────────────────────────────────────────────────── */
html body[data-template="login"] .block,
html body.template-login .block {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
}

html body[data-template="login"] .block--login .block-container,
html body[data-template="login"] .block-container,
html body.template-login .block-container,
html body[data-template="login_password"] .block-container {
	position: relative !important;
	width: 100% !important;
	background:
		linear-gradient(155deg, rgba(255, 255, 255, 0.07) 0%, transparent 42%),
		linear-gradient(165deg, rgba(22, 16, 34, 0.72) 0%, rgba(10, 8, 16, 0.78) 100%) !important;
	border: 1px solid rgba(200, 160, 255, 0.22) !important;
	border-radius: 20px !important;
	box-shadow:
		0 0 0 1px rgba(141, 56, 255, 0.12),
		0 28px 64px rgba(0, 0, 0, 0.52),
		0 0 40px rgba(141, 56, 255, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		inset 0 -1px 0 rgba(141, 56, 255, 0.06) !important;
	backdrop-filter: blur(22px) saturate(1.2) !important;
	-webkit-backdrop-filter: blur(22px) saturate(1.2) !important;
	overflow: hidden !important;
}

/* Soft top specular highlight */
html body[data-template="login"] .block-container::before,
html body.template-login .block-container::before {
	content: "" !important;
	position: absolute !important;
	left: 8% !important;
	right: 8% !important;
	top: 0 !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent) !important;
	pointer-events: none !important;
	z-index: 1 !important;
	opacity: 0.85 !important;
}

html body[data-template="login"] .block-body,
html body.template-login .block-body {
	padding: 1.5rem 1.55rem 1.65rem !important;
}

html body[data-template="login"] .formRow,
html body.template-login .formRow {
	margin-bottom: 1.05rem !important;
}

html body[data-template="login"] .formRow > dt,
html body[data-template="login"] .formRow-label,
html body.template-login .formRow > dt {
	color: rgba(230, 226, 245, 0.9) !important;
	font-size: 0.84rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	margin-bottom: 0.4rem !important;
}

/* Hide XF submit-row chrome bar (not the artifact, but cleans the CTA zone) */
html body[data-template="login"] .formSubmitRow-bar,
html body.template-login .formSubmitRow-bar {
	display: none !important;
	background: none !important;
	box-shadow: none !important;
	height: 0 !important;
}

html body[data-template="login"] .formSubmitRow-controls,
html body.template-login .formSubmitRow-controls {
	padding: 0.35rem 0 0 !important;
	text-align: stretch !important;
}

/* ─── Inputs ────────────────────────────────────────────────────────────── */
html body[data-template="login"] .input,
html body[data-template="login"] input[type="text"],
html body[data-template="login"] input[type="password"],
html body[data-template="login"] input[type="email"],
html body.template-login .input {
	background: rgba(6, 6, 12, 0.72) !important;
	border: 1px solid rgba(200, 160, 255, 0.2) !important;
	border-radius: 12px !important;
	color: #f5f4fa !important;
	padding: 0.8rem 1rem !important;
	font-size: 0.95rem !important;
	min-height: 2.9rem !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
	transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
}

html body[data-template="login"] .input:hover,
html body.template-login .input:hover {
	border-color: rgba(200, 160, 255, 0.35) !important;
}

html body[data-template="login"] .input:focus,
html body[data-template="login"] input:focus,
html body.template-login .input:focus {
	outline: none !important;
	border-color: rgba(255, 11, 139, 0.55) !important;
	background: rgba(10, 8, 18, 0.9) !important;
	box-shadow:
		0 0 0 3px rgba(141, 56, 255, 0.2),
		0 0 20px rgba(255, 11, 139, 0.18),
		inset 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

html body[data-template="login"] .inputGroup--joined > .input,
html body[data-template="login"] .inputGroup--joined .input.js-password {
	padding-right: 2.75rem !important;
	border-top-right-radius: 12px !important;
	border-bottom-right-radius: 12px !important;
}

html body[data-template="login"] a[href*="lost-password"],
html body[data-template="login"] .formRow-explain a {
	color: #c084fc !important;
	font-size: 0.84rem !important;
	text-decoration: none !important;
	transition: color 0.18s ease !important;
}

html body[data-template="login"] a[href*="lost-password"]:hover,
html body[data-template="login"] .formRow-explain a:hover {
	color: #00d7ff !important;
	text-decoration: underline !important;
}

html body[data-template="login"] .formRow .iconic-label {
	color: rgba(225, 222, 240, 0.88) !important;
	font-size: 0.88rem !important;
}

html body[data-template="login"] .iconic.iconic--checkbox > i {
	color: #8d38ff !important;
}

/* ─── Premium CTA ───────────────────────────────────────────────────────── */
html body[data-template="login"] .button--primary,
html body[data-template="login"] .formSubmitRow .button--primary,
html body[data-template="login"] .button.button--primary,
html body[data-template="login"] .button.button--icon--login,
html body[data-template="login"] .button.button--primary.button--icon--login,
html body[data-template="login"] .button.button--primary.button--icon.button--icon--login,
html body.template-login .button--primary,
html body.template-login .button.button--primary.button--icon--login {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 3.15rem !important;
	margin-top: 0.25rem !important;
	padding: 0.85rem 1.2rem !important;
	border: 0 !important;
	border-radius: 12px !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	color: #fff !important;
	background: linear-gradient(135deg, #ff0b8b 0%, #c026d3 42%, #8d38ff 100%) !important;
	background-image: linear-gradient(135deg, #ff0b8b 0%, #c026d3 42%, #8d38ff 100%) !important;
	background-size: 160% 160% !important;
	background-position: 0% 50% !important;
	box-shadow:
		0 8px 28px rgba(255, 11, 139, 0.38),
		0 0 24px rgba(141, 56, 255, 0.22),
		inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
	transition:
		transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.22s ease,
		filter 0.22s ease,
		background-position 0.35s ease !important;
}

html body[data-template="login"] .button--primary:hover,
html body[data-template="login"] .button.button--primary.button--icon--login:hover,
html body.template-login .button--primary:hover {
	transform: translateY(-2px) !important;
	filter: brightness(1.08) saturate(1.05) !important;
	background-position: 100% 50% !important;
	box-shadow:
		0 14px 36px rgba(255, 11, 139, 0.48),
		0 0 36px rgba(141, 56, 255, 0.32),
		inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

html body[data-template="login"] .button--primary:active,
html body[data-template="login"] .button.button--primary.button--icon--login:active,
html body.template-login .button--primary:active {
	transform: translateY(0) scale(0.985) !important;
	filter: brightness(1.12) !important;
	box-shadow:
		0 0 0 3px rgba(255, 11, 139, 0.35),
		0 0 40px rgba(255, 11, 139, 0.55),
		0 0 28px rgba(141, 56, 255, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

html body[data-template="login"] .button--primary .button-text,
html body.template-login .button--primary .button-text {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
}

html body[data-template="login"] .button--primary::before,
html body[data-template="login"] .button--icon--login::before,
html body[data-template="login"] .button--primary .fa--xf,
html body[data-template="login"] .button--primary i {
	position: static !important;
	top: auto !important;
	transform: none !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1 !important;
	height: 1em !important;
	width: 1em !important;
}

html body[data-template="login"] .button.button--icon--login > .button-text,
html body[data-template="login"] .button--primary.button--icon > .button-text {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

/* ─── Register row (keep tidy under card) ───────────────────────────────── */
html body[data-template="login"] .block-outer.block-outer--after,
html body.template-login .block-outer.block-outer--after {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	margin: 1rem 0 0 !important;
	padding: 0.9rem 1rem !important;
	background: rgba(14, 12, 22, 0.55) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 14px !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	box-sizing: border-box !important;
}

/* ─── Reduced motion ────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	html body[data-template="login"] .p-title-value,
	html body[data-template="login"] .p-body-header .p-title::after {
		animation: none !important;
	}

	html body[data-template="login"] .button--primary {
		transition: none !important;
	}
}

/* ─── Responsive ────────────────────────────────────────────────────────── */
@media (max-width: 700px) {
	html body[data-template="login"] .p-pageWrapper::after,
	html body.template-login .p-pageWrapper::after {
		background-image: url(/forum/styles/g6m/gta6modding-forum-bg-mobile.webp?v=bg175) !important;
		opacity: 0.65 !important;
		filter: blur(2px) !important;
	}

	html body[data-template="login"] .p-body-inner,
	html body.template-login .p-body-inner {
		max-width: 100% !important;
		margin: 2.25rem auto 2.75rem !important;
		padding: 0 0.95rem !important;
	}

	html body[data-template="login"] .p-body-header {
		margin-bottom: 1.35rem !important;
	}

	html body[data-template="login"] .p-title-value,
	html body.template-login .p-title-value {
		font-size: clamp(1.85rem, 8.5vw, 2.45rem) !important;
		letter-spacing: 0.16em !important;
		text-indent: 0.16em !important;
	}

	html body[data-template="login"] .block-body {
		padding: 1.25rem 1.2rem 1.35rem !important;
	}
}

@media (max-width: 420px) {
	html body[data-template="login"] .p-body-inner {
		margin-top: 1.75rem !important;
		padding: 0 0.75rem !important;
	}

	html body[data-template="login"] .p-title-value {
		letter-spacing: 0.12em !important;
		text-indent: 0.12em !important;
	}

	html body[data-template="login"] .block-container {
		border-radius: 16px !important;
	}
}

/* ─── Raise & widen the login column ────────────────────────────────────── */
html body[data-template="login"] .p-body .p-body-inner,
html body[data-template="login"] .p-pageWrapper .p-body-inner,
html body[data-template="login"] .p-body-inner,
html body.template-login .p-body .p-body-inner,
html body.template-login .p-pageWrapper .p-body-inner,
html body.template-login .p-body-inner,
html body[data-template="login_password"] .p-body-inner,
html body.template-login_password .p-body-inner {
	max-width: 560px !important;
	width: 100% !important;
	margin: 1.35rem auto 2.5rem !important;
	padding: 0 1.1rem !important;
}

html body[data-template="login"] .p-body-pageContent,
html body.template-login .p-body-pageContent,
html body.template-login_view .p-body-pageContent {
	max-width: 560px !important;
	width: 100% !important;
	margin: 0 auto !important;
}

/* Tighter title → form gap */
html body[data-template="login"] .p-body-header,
html body.template-login .p-body-header,
html body[data-template="login_password"] .p-body-header {
	margin: 0 auto 0.75rem !important;
	padding: 0.15rem 0 0 !important;
}

html body[data-template="login"] .p-body-header .p-title::after,
html body.template-login .p-body-header .p-title::after {
	margin: 0.65rem auto 0 !important;
}

/* ─── Card: no clipping, full width inside column ───────────────────────── */
html body[data-template="login"] .block,
html body.template-login .block {
	width: 100% !important;
	max-width: 100% !important;
}

html body[data-template="login"] .block--login .block-container,
html body[data-template="login"] .block-container,
html body.template-login .block-container,
html body[data-template="login_password"] .block-container {
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
}

/* Kill stray specular / empty chrome that reads as a grey chip */
html body[data-template="login"] .block-container::before,
html body.template-login .block-container::before,
html body[data-template="login"] .block-container::after,
html body.template-login .block-container::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

html body[data-template="login"] .block-body,
html body.template-login .block-body {
	padding: 1.35rem 1.5rem 1.15rem !important;
	overflow: visible !important;
}

/* ─── Stack labels above fields (kills left grey dt column) ─────────────── */
html body[data-template="login"] .formRow,
html body.template-login .formRow,
html body[data-template="login"] dl.formRow,
html body.template-login dl.formRow {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 0.4rem !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 1rem !important;
	padding: 0 !important;
	float: none !important;
	clear: both !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body[data-template="login"] .formRow > dt,
html body[data-template="login"] .formRow > dd,
html body.template-login .formRow > dt,
html body.template-login .formRow > dd {
	display: block !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	min-height: 0 !important;
}

/* Hide empty label cells (remember row + submit row) — the grey blocks */
html body[data-template="login"] .formRow > dt:empty,
html body[data-template="login"] .formSubmitRow > dt,
html body[data-template="login"] .formRow > dt:has(.formRow-labelWrapper:empty),
html body[data-template="login"] .formRow > dt:has(.formRow-labelWrapper:not(:has(*))),
html body.template-login .formRow > dt:empty,
html body.template-login .formSubmitRow > dt,
html body.template-login .formRow > dt:has(.formRow-labelWrapper:empty) {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}

html body[data-template="login"] .formRow-labelWrapper,
html body.template-login .formRow-labelWrapper {
	display: block !important;
	width: 100% !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

html body[data-template="login"] .formRow-label,
html body.template-login .formRow-label {
	display: block !important;
	width: 100% !important;
	color: rgba(230, 226, 245, 0.92) !important;
	font-size: 0.86rem !important;
	font-weight: 600 !important;
	background: transparent !important;
}

/* Submit row — full-width CTA, no side label gutter */
html body[data-template="login"] .formSubmitRow,
html body.template-login .formSubmitRow {
	margin-top: 0.35rem !important;
	margin-bottom: 0 !important;
}

html body[data-template="login"] .formSubmitRow-main,
html body[data-template="login"] .formSubmitRow-controls,
html body.template-login .formSubmitRow-main,
html body.template-login .formSubmitRow-controls {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: stretch !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body[data-template="login"] .formSubmitRow-bar,
html body.template-login .formSubmitRow-bar {
	display: none !important;
}

/* ─── Turnstile / captcha — no crop, wrap cleanly ───────────────────────── */
html body[data-template="login"] .formRow[context="xf_login"],
html body[data-template="login"] .formRow:has([data-xf-init="turnstile"]),
html body[data-template="login"] .formRow:has(.cf-turnstile),
html body.template-login .formRow:has([data-xf-init="turnstile"]) {
	overflow: visible !important;
}

html body[data-template="login"] [data-xf-init="turnstile"],
html body[data-template="login"] .cf-turnstile,
html body[data-template="login"] iframe[src*="turnstile"],
html body[data-template="login"] iframe[src*="challenges.cloudflare"],
html body.template-login [data-xf-init="turnstile"] {
	max-width: 100% !important;
	width: 100% !important;
	overflow: visible !important;
	transform: none !important;
}

html body[data-template="login"] .formRow:has([data-xf-init="turnstile"]) > dd,
html body[data-template="login"] .formRow[context="xf_login"] > dd {
	overflow: visible !important;
	min-width: 0 !important;
	width: 100% !important;
}

/* reCAPTCHA status chip if present */
html body[data-template="login"] .g6m-recaptcha3-status,
html body.template-login .g6m-recaptcha3-status {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	flex-wrap: wrap !important;
}

/* Passkey / external login row */
html body[data-template="login"] .formRow--button,
html body.template-login .formRow--button {
	margin-top: 0.75rem !important;
}

html body[data-template="login"] .listHeap,
html body.template-login .listHeap {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.5rem !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Register strip stays under the wider card */
html body[data-template="login"] .block-outer.block-outer--after,
html body.template-login .block-outer.block-outer--after {
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 0.85rem !important;
}

@media (max-width: 700px) {
	html body[data-template="login"] .p-body-inner,
	html body.template-login .p-body-inner {
		max-width: 100% !important;
		margin: 1rem auto 2rem !important;
		padding: 0 0.85rem !important;
	}

	html body[data-template="login"] .p-body-header {
		margin-bottom: 0.55rem !important;
	}

	html body[data-template="login"] .block-body {
		padding: 1.15rem 1.1rem 1rem !important;
	}
}


/* V177 hard overrides — visible premium login no matter cascade */
html body[data-template="login"] .p-body-inner,
html body.template-login .p-body-inner,
html body[data-template="login"] .p-body .p-body-inner,
html body[data-template="login"] .p-pageWrapper .p-body-inner {
	max-width: 580px !important;
	width: 100% !important;
	margin: 1.1rem auto 2.25rem !important;
	padding: 0 1.1rem !important;
}

html body[data-template="login"] .p-body-pageContent,
html body.template-login .p-body-pageContent {
	max-width: 580px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

html body[data-template="login"] .p-body-header,
html body.template-login .p-body-header {
	margin: 0 auto 0.55rem !important;
	padding: 0.1rem 0 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

/* Kill EVERY decorative pseudo on login header (rainbow smear) */
html body[data-template="login"] .p-body-header::before,
html body[data-template="login"] .p-body-header::after,
html body[data-template="login"] .p-pageWrapper > .p-body-header::before,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header::before,
html body.template-login .p-body-header::before,
html body.template-login .p-body-header::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	background: none !important;
	box-shadow: none !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

html body[data-template="login"] .p-title,
html body.template-login .p-title,
html body[data-template="login"] .p-body-header .p-title {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	gap: 0 !important;
	transform: none !important;
}

html body[data-template="login"] .p-title-value,
html body.template-login .p-title-value,
html body[data-template="login"] h1.p-title-value,
html body[data-template="login"] .p-body-header .p-title-value,
html body[data-template="login"] .p-body-header h1.p-title-value {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0.1rem 0.5rem !important;
	font-family: Rajdhani, Orbitron, "Segoe UI", sans-serif !important;
	font-size: clamp(2.4rem, 5.5vw, 3.4rem) !important;
	font-weight: 800 !important;
	letter-spacing: 0.22em !important;
	text-indent: 0.22em !important;
	line-height: 1.08 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	background-image: linear-gradient(105deg, #8d38ff 0%, #c44dff 32%, #ff4db8 68%, #ff0b8b 100%) !important;
	background-color: transparent !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	text-shadow: none !important;
	filter: drop-shadow(0 0 18px rgba(196, 77, 255, 0.42)) !important;
	animation: g6mLoginTitlePulse 4.5s ease-in-out infinite !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
}

/* Underline ONLY via .p-title::after — never on header */
html body[data-template="login"] .p-body-header .p-title::after,
html body.template-login .p-body-header .p-title::after {
	content: "" !important;
	display: block !important;
	flex: 0 0 auto !important;
	align-self: center !important;
	order: 2 !important;
	width: 5.5rem !important;
	height: 2px !important;
	margin: 0.7rem auto 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, transparent, #ff0b8b, #8d38ff, #00d7ff, transparent) !important;
	box-shadow: 0 0 14px rgba(255, 11, 139, 0.45) !important;
	animation: g6mLoginLinePulse 4.5s ease-in-out infinite !important;
}


/* END G6M_LOGIN_FINAL_V177 */

/* G6M_LOGIN_SPACING_V178
   Lower CONNEXION title slightly, raise login card — close the gap. */

html body[data-template="login"] .p-body-inner,
html body.template-login .p-body-inner,
html body[data-template="login"] .p-body .p-body-inner,
html body[data-template="login"] .p-pageWrapper .p-body-inner {
	margin-top: 0.35rem !important;
	margin-bottom: 2rem !important;
}

html body[data-template="login"] .p-body-header,
html body.template-login .p-body-header {
	margin-top: 1.15rem !important;
	margin-bottom: 0.35rem !important;
	padding-top: 0.35rem !important;
	padding-bottom: 0 !important;
}

html body[data-template="login"] .p-body-header .p-title::after,
html body.template-login .p-body-header .p-title::after {
	margin-top: 0.55rem !important;
	margin-bottom: 0 !important;
}

html body[data-template="login"] .p-body-pageContent,
html body.template-login .p-body-pageContent {
	margin-top: 0 !important;
}

html body[data-template="login"] .block,
html body[data-template="login"] .block--login,
html body.template-login .block {
	margin-top: 0.15rem !important;
}

html body[data-template="login"] .block-container,
html body.template-login .block-container {
	margin-top: 0 !important;
}

@media (max-width: 700px) {
	html body[data-template="login"] .p-body-inner {
		margin-top: 0.2rem !important;
	}

	html body[data-template="login"] .p-body-header {
		margin-top: 0.75rem !important;
		margin-bottom: 0.25rem !important;
	}
}

/* END G6M_LOGIN_SPACING_V178 */

/* G6M_LOGIN_SPACING_V179
   Raise login card more + widen slightly. */

html body[data-template="login"] .p-body-inner,
html body.template-login .p-body-inner,
html body[data-template="login"] .p-body .p-body-inner,
html body[data-template="login"] .p-pageWrapper .p-body-inner {
	max-width: 640px !important;
	width: 100% !important;
	margin-top: 0.15rem !important;
	margin-bottom: 1.75rem !important;
}

html body[data-template="login"] .p-body-pageContent,
html body.template-login .p-body-pageContent {
	max-width: 640px !important;
	margin-top: 0 !important;
}

html body[data-template="login"] .p-body-header,
html body.template-login .p-body-header {
	margin-top: 1.25rem !important;
	margin-bottom: 0.2rem !important;
	padding-top: 0.25rem !important;
	padding-bottom: 0 !important;
}

html body[data-template="login"] .p-body-header .p-title::after,
html body.template-login .p-body-header .p-title::after {
	margin-top: 0.45rem !important;
	margin-bottom: 0 !important;
}

html body[data-template="login"] .block,
html body[data-template="login"] .block--login,
html body.template-login .block {
	margin-top: 0 !important;
}

html body[data-template="login"] .block-container,
html body.template-login .block-container {
	margin-top: 0 !important;
	max-width: 100% !important;
}

@media (max-width: 700px) {
	html body[data-template="login"] .p-body-inner,
	html body.template-login .p-body-inner {
		max-width: 100% !important;
		margin-top: 0.1rem !important;
	}

	html body[data-template="login"] .p-body-header {
		margin-top: 0.85rem !important;
		margin-bottom: 0.15rem !important;
	}
}

/* END G6M_LOGIN_SPACING_V179 */

/* G6M_LOGIN_FIT_V180
   Fit full login UI in one viewport — no mouse-wheel scroll needed.
   Compress title/form/providers + hide heavy footer CTA. */

/* Kill page scroll when content fits; keep overflow safety for tiny screens */
html body[data-template="login"],
html body.template-login,
html body[data-template="login_password"],
html body.template-login_password {
	overflow-x: hidden !important;
}

/* Hide bulky site footer (CTA + columns) on login — biggest scroll culprit */
html body[data-template="login"] .p-footer,
html body.template-login .p-footer,
html body[data-template="login"] .g6m-forum-cta,
html body.template-login .g6m-forum-cta,
html body[data-template="login_password"] .p-footer,
html body.template-login_password .p-footer {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

/* Collapse body chrome */
html body[data-template="login"] .p-body,
html body.template-login .p-body {
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
}

html body[data-template="login"] .p-body-inner,
html body.template-login .p-body-inner,
html body[data-template="login"] .p-body .p-body-inner,
html body[data-template="login"] .p-pageWrapper .p-body-inner,
html body[data-template="login_password"] .p-body-inner {
	max-width: 640px !important;
	width: 100% !important;
	margin: 0.35rem auto 0.75rem !important;
	padding: 0 1rem !important;
}

html body[data-template="login"] .p-body-pageContent,
html body.template-login .p-body-pageContent {
	max-width: 640px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

/* Title: smaller + tighter */
html body[data-template="login"] .p-body-header,
html body.template-login .p-body-header,
html body[data-template="login_password"] .p-body-header {
	margin: 0.35rem auto 0.35rem !important;
	padding: 0 !important;
}

html body[data-template="login"] .p-title-value,
html body.template-login .p-title-value,
html body[data-template="login"] h1.p-title-value,
html body[data-template="login"] .p-body-header .p-title-value {
	font-size: clamp(1.55rem, 3.4vw, 2.15rem) !important;
	line-height: 1.05 !important;
	padding: 0 0.35rem !important;
	margin: 0 auto !important;
	letter-spacing: 0.14em !important;
	text-indent: 0.14em !important;
}

html body[data-template="login"] .p-body-header .p-title::after,
html body.template-login .p-body-header .p-title::after {
	margin: 0.35rem auto 0 !important;
	height: 2px !important;
	width: min(7.5rem, 36%) !important;
}

/* Card + form denser */
html body[data-template="login"] .block,
html body[data-template="login"] .block--login,
html body.template-login .block {
	margin: 0 !important;
}

html body[data-template="login"] .block-container,
html body.template-login .block-container,
html body[data-template="login_password"] .block-container {
	margin: 0 !important;
	max-width: 100% !important;
}

html body[data-template="login"] .block-body,
html body.template-login .block-body {
	padding: 0.85rem 1.15rem 0.7rem !important;
}

html body[data-template="login"] .formRow,
html body.template-login .formRow,
html body[data-template="login"] dl.formRow {
	margin: 0 0 0.55rem !important;
	padding: 0 !important;
	gap: 0.25rem !important;
}

html body[data-template="login"] .formRow > dt,
html body[data-template="login"] .formRow-label,
html body.template-login .formRow > dt {
	font-size: 0.78rem !important;
	margin-bottom: 0.2rem !important;
	line-height: 1.2 !important;
}

html body[data-template="login"] .input,
html body.template-login .input,
html body[data-template="login"] input.input {
	padding: 0.55rem 0.85rem !important;
	font-size: 0.9rem !important;
	min-height: 2.35rem !important;
	line-height: 1.25 !important;
}

html body[data-template="login"] .formRow-explain,
html body.template-login .formRow-explain {
	margin-top: 0.2rem !important;
	font-size: 0.78rem !important;
	line-height: 1.25 !important;
}

/* Turnstile: less air */
html body[data-template="login"] .formRow:has([data-xf-init="turnstile"]),
html body[data-template="login"] .formRow:has(.cf-turnstile),
html body[data-template="login"] .formRow[context="xf_login"] {
	margin-bottom: 0.4rem !important;
}

html body[data-template="login"] .cf-turnstile {
	transform: scale(0.92);
	transform-origin: left center;
	margin: 0 !important;
}

/* Remember + submit */
html body[data-template="login"] .formRow .iconic-label,
html body.template-login .formRow .iconic-label {
	font-size: 0.8rem !important;
}

html body[data-template="login"] .formRow--button,
html body.template-login .formRow--button,
html body[data-template="login"] .formSubmitRow {
	margin-top: 0.35rem !important;
	margin-bottom: 0 !important;
}

html body[data-template="login"] .button.button--primary,
html body[data-template="login"] .button--primary.button--icon--login,
html body.template-login .button--primary {
	min-height: 2.55rem !important;
	padding: 0.65rem 1rem !important;
	font-size: 0.92rem !important;
	margin-top: 0.15rem !important;
}

/* Register strip under card */
html body[data-template="login"] .block-outer.block-outer--after,
html body.template-login .block-outer.block-outer--after {
	margin: 0.45rem 0 0 !important;
	padding: 0.45rem 0.75rem !important;
	border-radius: 10px !important;
}

html body[data-template="login"] .block-outer--after .block-outer-middle,
html body.template-login .block-outer--after .block-outer-middle {
	font-size: 0.78rem !important;
	gap: 0.25rem 0.4rem !important;
	line-height: 1.25 !important;
}

html body[data-template="login"] .block-outer--after .block-outer-middle .button,
html body.template-login .block-outer--after .block-outer-middle .button {
	padding: 0.28rem 0.65rem !important;
	font-size: 0.76rem !important;
}

/* "ou" joiner + passkey provider */
html body[data-template="login"] .blocks-textJoiner,
html body.template-login .blocks-textJoiner {
	margin: 0.35rem 0 !important;
	padding: 0 !important;
	font-size: 0.75rem !important;
	line-height: 1 !important;
}

html body[data-template="login"] .blocks > .block:not(:first-child),
html body.template-login .blocks > .block:not(:first-child) {
	margin-top: 0.35rem !important;
}

html body[data-template="login"] .blocks .block-container,
html body.template-login .blocks .block + .block .block-container {
	padding: 0.55rem 0.9rem !important;
}

html body[data-template="login"] .button--provider,
html body[data-template="login"] .button--provider--passkey,
html body.template-login .button--provider {
	min-height: 2.2rem !important;
	padding: 0.45rem 0.85rem !important;
	font-size: 0.82rem !important;
	margin: 0.15rem 0 0 !important;
}

html body[data-template="login"] .block-body .block-row,
html body.template-login .block-body .block-row {
	padding: 0.25rem 0 !important;
	margin: 0 !important;
}

/* Hide noscript banner noise if present */
html body[data-template="login"] .js-jsWarning,
html body.template-login .js-jsWarning {
	display: none !important;
}

/* Short viewports: squeeze harder */
@media (max-height: 860px) {
	html body[data-template="login"] .p-body-inner,
	html body.template-login .p-body-inner {
		margin: 0.15rem auto 0.4rem !important;
	}

	html body[data-template="login"] .p-body-header {
		margin: 0.15rem auto 0.2rem !important;
	}

	html body[data-template="login"] .p-title-value {
		font-size: clamp(1.35rem, 3vw, 1.85rem) !important;
	}

	html body[data-template="login"] .p-body-header .p-title::after {
		margin-top: 0.25rem !important;
	}

	html body[data-template="login"] .block-body {
		padding: 0.65rem 1rem 0.55rem !important;
	}

	html body[data-template="login"] .formRow {
		margin-bottom: 0.4rem !important;
	}

	html body[data-template="login"] .input {
		min-height: 2.15rem !important;
		padding: 0.45rem 0.75rem !important;
	}

	html body[data-template="login"] .button.button--primary {
		min-height: 2.35rem !important;
		padding: 0.55rem 0.9rem !important;
	}

	html body[data-template="login"] .cf-turnstile {
		transform: scale(0.85);
	}
}

@media (max-height: 740px) {
	html body[data-template="login"] .p-title-value {
		font-size: 1.25rem !important;
	}

	html body[data-template="login"] .p-body-header .p-title::after {
		display: none !important;
	}

	html body[data-template="login"] .block-outer.block-outer--after {
		margin-top: 0.3rem !important;
		padding: 0.35rem 0.6rem !important;
	}

	html body[data-template="login"] .blocks-textJoiner {
		margin: 0.2rem 0 !important;
	}
}

@media (max-width: 700px) {
	html body[data-template="login"] .p-body-inner,
	html body.template-login .p-body-inner {
		max-width: 100% !important;
		margin: 0.2rem auto 0.5rem !important;
		padding: 0 0.75rem !important;
	}

	html body[data-template="login"] .cf-turnstile {
		transform: scale(0.88);
		transform-origin: center top;
	}
}

/* END G6M_LOGIN_FIT_V180 */

/* G6M_LOGIN_FIT_V181
   No-scroll login: kill 200px title canyon + densify form + hide footer. */

html body[data-template="login"],
html body.template-login,
html body[data-template="login_password"],
html body.template-login_password {
	overflow-x: hidden !important;
}

/* Hide heavy footer on login */
html body[data-template="login"] .p-footer,
html body.template-login .p-footer,
html body[data-template="login"] .g6m-forum-cta,
html body.template-login .g6m-forum-cta,
html body[data-template="login_password"] .p-footer,
html body.template-login_password .p-footer {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

html body[data-template="login"] .p-body,
html body.template-login .p-body,
html body[data-template="login"] .p-body-main,
html body[data-template="login"] .p-body-content {
	min-height: 0 !important;
	height: auto !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
}

html body[data-template="login"] .p-body-inner,
html body.template-login .p-body-inner,
html body[data-template="login"] .p-body .p-body-inner,
html body[data-template="login"] .p-pageWrapper .p-body-inner {
	max-width: 640px !important;
	width: 100% !important;
	margin: 0.2rem auto 0.5rem !important;
	padding: 0 1rem !important;
}

html body[data-template="login"] .p-body-pageContent,
html body.template-login .p-body-pageContent {
	max-width: 640px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

/* ─── TITLE: collapse the canyon (was ~200px empty flex box) ─────────────── */
html body[data-template="login"] .p-body-header,
html body.template-login .p-body-header,
html body[data-template="login"] .p-pageWrapper > .p-body-header,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header,
html body[data-template="login_password"] .p-body-header {
	display: block !important;
	width: 100% !important;
	max-width: 640px !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0.2rem auto 0.25rem !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

html body[data-template="login"] .p-body-header::before,
html body[data-template="login"] .p-body-header::after,
html body[data-template="login"] .p-pageWrapper > .p-body-header::before,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header::before,
html body.template-login .p-body-header::before,
html body.template-login .p-body-header::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
}

html body[data-template="login"] .p-body-header .pageContent,
html body[data-template="login"] .p-body-header .uix_headerInner,
html body[data-template="login"] .p-body-header .uix_headerInner--opposite,
html body.template-login .p-body-header .pageContent,
html body.template-login .p-body-header .uix_headerInner {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;
	flex: none !important;
}

html body[data-template="login"] .p-body-header .p-title,
html body.template-login .p-body-header .p-title,
html body[data-template="login"] .p-title {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;
	justify-content: flex-start !important;
	align-items: center !important;
}

html body[data-template="login"] .p-title-value,
html body.template-login .p-title-value,
html body[data-template="login"] h1.p-title-value,
html body[data-template="login"] .p-body-header .p-title-value,
html body[data-template="login"] .p-body-header h1.p-title-value,
html body[data-template="login"] .p-pageWrapper > .p-body-header .p-title-value,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header .p-title-value {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: 2.4rem !important;
	margin: 0 auto !important;
	padding: 0 !important;
	font-family: Rajdhani, Orbitron, "Segoe UI", sans-serif !important;
	font-size: 1.7rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.14em !important;
	text-indent: 0.14em !important;
	line-height: 1.1 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	overflow: visible !important;
	/* keep gradient, drop heavy filter (was inflating layout/ink) */
	background-image: linear-gradient(105deg, #8d38ff 0%, #c44dff 32%, #ff4db8 68%, #ff0b8b 100%) !important;
	background-color: transparent !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	filter: none !important;
	animation: none !important;
	text-shadow: 0 0 18px rgba(255, 11, 139, 0.35) !important;
	transform: none !important;
	position: static !important;
}

html body[data-template="login"] .p-body-header .p-title::after,
html body.template-login .p-body-header .p-title::after {
	content: "" !important;
	display: block !important;
	width: 4.5rem !important;
	height: 2px !important;
	margin: 0.3rem auto 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, transparent, #ff0b8b, #8d38ff, #00d7ff, transparent) !important;
	box-shadow: 0 0 10px rgba(255, 11, 139, 0.4) !important;
	animation: none !important;
}

/* ─── Form denser ────────────────────────────────────────────────────────── */
html body[data-template="login"] .block,
html body[data-template="login"] .block--login,
html body.template-login .block {
	margin: 0 !important;
}

html body[data-template="login"] .block-container,
html body.template-login .block-container {
	margin: 0 !important;
	max-width: 100% !important;
}

html body[data-template="login"] .block-body,
html body.template-login .block-body {
	padding: 0.7rem 1.1rem 0.55rem !important;
}

html body[data-template="login"] .formRow,
html body.template-login .formRow,
html body[data-template="login"] dl.formRow {
	margin: 0 0 0.4rem !important;
	padding: 0 !important;
	gap: 0.2rem !important;
}

html body[data-template="login"] .formRow > dt,
html body[data-template="login"] .formRow-label,
html body.template-login .formRow > dt {
	font-size: 0.76rem !important;
	margin-bottom: 0.15rem !important;
	line-height: 1.15 !important;
}

html body[data-template="login"] .input,
html body.template-login .input,
html body[data-template="login"] input.input {
	padding: 0.48rem 0.8rem !important;
	font-size: 0.88rem !important;
	min-height: 2.2rem !important;
	line-height: 1.2 !important;
}

html body[data-template="login"] .formRow-explain,
html body.template-login .formRow-explain {
	margin-top: 0.15rem !important;
	font-size: 0.74rem !important;
	line-height: 1.2 !important;
}

html body[data-template="login"] .formRow:has([data-xf-init="turnstile"]),
html body[data-template="login"] .formRow:has(.cf-turnstile),
html body[data-template="login"] .formRow[context="xf_login"] {
	margin-bottom: 0.3rem !important;
}

html body[data-template="login"] .cf-turnstile {
	transform: scale(0.88);
	transform-origin: left center;
	margin: 0 !important;
}

html body[data-template="login"] .formRow .iconic-label {
	font-size: 0.78rem !important;
}

html body[data-template="login"] .formRow--button,
html body.template-login .formRow--button,
html body[data-template="login"] .formSubmitRow {
	margin-top: 0.25rem !important;
	margin-bottom: 0 !important;
}

html body[data-template="login"] .button.button--primary,
html body[data-template="login"] .button--primary.button--icon--login,
html body.template-login .button--primary {
	min-height: 2.4rem !important;
	padding: 0.55rem 1rem !important;
	font-size: 0.9rem !important;
	margin-top: 0.1rem !important;
}

html body[data-template="login"] .block-outer.block-outer--after,
html body.template-login .block-outer.block-outer--after {
	margin: 0.35rem 0 0 !important;
	padding: 0.35rem 0.7rem !important;
	border-radius: 10px !important;
}

html body[data-template="login"] .block-outer--after .block-outer-middle {
	font-size: 0.76rem !important;
	gap: 0.2rem 0.35rem !important;
	line-height: 1.2 !important;
}

html body[data-template="login"] .block-outer--after .block-outer-middle .button {
	padding: 0.25rem 0.6rem !important;
	font-size: 0.74rem !important;
}

html body[data-template="login"] .blocks-textJoiner,
html body.template-login .blocks-textJoiner {
	margin: 0.25rem 0 !important;
	padding: 0 !important;
	font-size: 0.72rem !important;
	line-height: 1 !important;
}

html body[data-template="login"] .blocks > .block:not(:first-child) {
	margin-top: 0.25rem !important;
}

html body[data-template="login"] .blocks .block + .block .block-container,
html body[data-template="login"] .blocks .block:not(:first-child) .block-container {
	padding: 0.45rem 0.85rem !important;
}

html body[data-template="login"] .button--provider,
html body[data-template="login"] .button--provider--passkey {
	min-height: 2.05rem !important;
	padding: 0.4rem 0.8rem !important;
	font-size: 0.8rem !important;
	margin: 0.1rem 0 0 !important;
}

html body[data-template="login"] .block-body .block-row {
	padding: 0.2rem 0 !important;
	margin: 0 !important;
}

html body[data-template="login"] .js-jsWarning {
	display: none !important;
}

/* Short laptop screens (~768–820) */
@media (max-height: 820px) {
	html body[data-template="login"] .p-title-value,
	html body[data-template="login"] .p-body-header .p-title-value {
		font-size: 1.4rem !important;
		max-height: 1.9rem !important;
	}

	html body[data-template="login"] .p-body-header {
		margin-bottom: 0.15rem !important;
	}

	html body[data-template="login"] .p-body-header .p-title::after {
		margin-top: 0.15rem !important;
	}

	html body[data-template="login"] .block-body {
		padding: 0.5rem 0.9rem 0.4rem !important;
	}

	html body[data-template="login"] .formRow {
		margin-bottom: 0.28rem !important;
	}

	html body[data-template="login"] .input {
		min-height: 2rem !important;
		padding: 0.38rem 0.65rem !important;
	}

	html body[data-template="login"] .button.button--primary {
		min-height: 2.1rem !important;
		padding: 0.4rem 0.8rem !important;
	}

	html body[data-template="login"] .cf-turnstile {
		transform: scale(0.78);
	}

	html body[data-template="login"] .block-outer.block-outer--after {
		margin-top: 0.25rem !important;
		padding: 0.28rem 0.55rem !important;
	}

	html body[data-template="login"] .blocks .block:not(:first-child) .block-container {
		padding: 0.35rem 0.7rem !important;
	}
}

/* Very short: keep core login, tuck secondary providers */
@media (max-height: 780px) {
	html body[data-template="login"] .p-body-header .p-title::after {
		display: none !important;
	}

	html body[data-template="login"] .blocks-textJoiner,
	html body[data-template="login"] .blocks > .block:not(:first-child) {
		display: none !important;
	}
}

@media (max-width: 700px) {
	html body[data-template="login"] .p-body-inner {
		max-width: 100% !important;
		padding: 0 0.75rem !important;
	}

	html body[data-template="login"] .cf-turnstile {
		transform: scale(0.85);
		transform-origin: center top;
	}
}

/* END G6M_LOGIN_FIT_V181 */

/* G6M_LOGIN_FIT_V182
   No-scroll login: kill 200px title canyon + densify form + hide footer. */

html body[data-template="login"],
html body.template-login,
html body[data-template="login_password"],
html body.template-login_password {
	overflow-x: hidden !important;
}

/* Hide heavy footer on login */
html body[data-template="login"] .p-footer,
html body.template-login .p-footer,
html body[data-template="login"] .g6m-forum-cta,
html body.template-login .g6m-forum-cta,
html body[data-template="login_password"] .p-footer,
html body.template-login_password .p-footer {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

html body[data-template="login"] .p-body,
html body.template-login .p-body,
html body[data-template="login"] .p-body-main,
html body[data-template="login"] .p-body-content {
	min-height: 0 !important;
	height: auto !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
}

html body[data-template="login"] .p-body-inner,
html body.template-login .p-body-inner,
html body[data-template="login"] .p-body .p-body-inner,
html body[data-template="login"] .p-pageWrapper .p-body-inner {
	max-width: 640px !important;
	width: 100% !important;
	margin: 0.2rem auto 0.5rem !important;
	padding: 0 1rem !important;
}

html body[data-template="login"] .p-body-pageContent,
html body.template-login .p-body-pageContent {
	max-width: 640px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

/* ─── TITLE: collapse the canyon (was ~200px empty flex box) ─────────────── */
html body[data-template="login"] .p-body-header,
html body.template-login .p-body-header,
html body[data-template="login"] .p-pageWrapper > .p-body-header,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header,
html body[data-template="login_password"] .p-body-header {
	display: block !important;
	width: 100% !important;
	max-width: 640px !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0.2rem auto 0.25rem !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

html body[data-template="login"] .p-body-header::before,
html body[data-template="login"] .p-body-header::after,
html body[data-template="login"] .p-pageWrapper > .p-body-header::before,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header::before,
html body.template-login .p-body-header::before,
html body.template-login .p-body-header::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
}

html body[data-template="login"] .p-body-header .pageContent,
html body[data-template="login"] .p-body-header .uix_headerInner,
html body[data-template="login"] .p-body-header .uix_headerInner--opposite,
html body.template-login .p-body-header .pageContent,
html body.template-login .p-body-header .uix_headerInner {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;
	flex: none !important;
}

html body[data-template="login"] .p-body-header .p-title,
html body.template-login .p-body-header .p-title,
html body[data-template="login"] .p-title {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;
	justify-content: flex-start !important;
	align-items: center !important;
}

html body[data-template="login"] .p-title-value,
html body.template-login .p-title-value,
html body[data-template="login"] h1.p-title-value,
html body[data-template="login"] .p-body-header .p-title-value,
html body[data-template="login"] .p-body-header h1.p-title-value,
html body[data-template="login"] .p-pageWrapper > .p-body-header .p-title-value,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header .p-title-value {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: 2.4rem !important;
	margin: 0 auto !important;
	padding: 0 !important;
	font-family: Rajdhani, Orbitron, "Segoe UI", sans-serif !important;
	font-size: 1.7rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.14em !important;
	text-indent: 0.14em !important;
	line-height: 1.1 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	overflow: visible !important;
	/* keep gradient, drop heavy filter (was inflating layout/ink) */
	background-image: linear-gradient(105deg, #8d38ff 0%, #c44dff 32%, #ff4db8 68%, #ff0b8b 100%) !important;
	background-color: transparent !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	filter: none !important;
	animation: none !important;
	text-shadow: 0 0 18px rgba(255, 11, 139, 0.35) !important;
	transform: none !important;
	position: static !important;
}

html body[data-template="login"] .p-body-header .p-title::after,
html body.template-login .p-body-header .p-title::after {
	content: "" !important;
	display: block !important;
	width: 4.5rem !important;
	height: 2px !important;
	margin: 0.3rem auto 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(90deg, transparent, #ff0b8b, #8d38ff, #00d7ff, transparent) !important;
	box-shadow: 0 0 10px rgba(255, 11, 139, 0.4) !important;
	animation: none !important;
}

/* ─── Form denser ────────────────────────────────────────────────────────── */
html body[data-template="login"] .block,
html body[data-template="login"] .block--login,
html body.template-login .block {
	margin: 0 !important;
}

html body[data-template="login"] .block-container,
html body.template-login .block-container {
	margin: 0 !important;
	max-width: 100% !important;
}

html body[data-template="login"] .block-body,
html body.template-login .block-body {
	padding: 0.7rem 1.1rem 0.55rem !important;
}

html body[data-template="login"] .formRow,
html body.template-login .formRow,
html body[data-template="login"] dl.formRow {
	margin: 0 0 0.4rem !important;
	padding: 0 !important;
	gap: 0.2rem !important;
}

html body[data-template="login"] .formRow > dt,
html body[data-template="login"] .formRow-label,
html body.template-login .formRow > dt {
	font-size: 0.76rem !important;
	margin-bottom: 0.15rem !important;
	line-height: 1.15 !important;
}

html body[data-template="login"] .input,
html body.template-login .input,
html body[data-template="login"] input.input {
	padding: 0.48rem 0.8rem !important;
	font-size: 0.88rem !important;
	min-height: 2.2rem !important;
	line-height: 1.2 !important;
}

html body[data-template="login"] .formRow-explain,
html body.template-login .formRow-explain {
	margin-top: 0.15rem !important;
	font-size: 0.74rem !important;
	line-height: 1.2 !important;
}

html body[data-template="login"] .formRow:has([data-xf-init="turnstile"]),
html body[data-template="login"] .formRow:has(.cf-turnstile),
html body[data-template="login"] .formRow[context="xf_login"] {
	margin-bottom: 0.3rem !important;
}

html body[data-template="login"] .cf-turnstile {
	transform: scale(0.88);
	transform-origin: left center;
	margin: 0 !important;
}

html body[data-template="login"] .formRow .iconic-label {
	font-size: 0.78rem !important;
}

html body[data-template="login"] .formRow--button,
html body.template-login .formRow--button,
html body[data-template="login"] .formSubmitRow {
	margin-top: 0.25rem !important;
	margin-bottom: 0 !important;
}

html body[data-template="login"] .button.button--primary,
html body[data-template="login"] .button--primary.button--icon--login,
html body.template-login .button--primary {
	min-height: 2.4rem !important;
	padding: 0.55rem 1rem !important;
	font-size: 0.9rem !important;
	margin-top: 0.1rem !important;
}

html body[data-template="login"] .block-outer.block-outer--after,
html body.template-login .block-outer.block-outer--after {
	margin: 0.35rem 0 0 !important;
	padding: 0.35rem 0.7rem !important;
	border-radius: 10px !important;
}

html body[data-template="login"] .block-outer--after .block-outer-middle {
	font-size: 0.76rem !important;
	gap: 0.2rem 0.35rem !important;
	line-height: 1.2 !important;
}

html body[data-template="login"] .block-outer--after .block-outer-middle .button {
	padding: 0.25rem 0.6rem !important;
	font-size: 0.74rem !important;
}

html body[data-template="login"] .blocks-textJoiner,
html body.template-login .blocks-textJoiner {
	margin: 0.25rem 0 !important;
	padding: 0 !important;
	font-size: 0.72rem !important;
	line-height: 1 !important;
}

html body[data-template="login"] .blocks > .block:not(:first-child) {
	margin-top: 0.25rem !important;
}

html body[data-template="login"] .blocks .block + .block .block-container,
html body[data-template="login"] .blocks .block:not(:first-child) .block-container {
	padding: 0.45rem 0.85rem !important;
}

html body[data-template="login"] .button--provider,
html body[data-template="login"] .button--provider--passkey {
	min-height: 2.05rem !important;
	padding: 0.4rem 0.8rem !important;
	font-size: 0.8rem !important;
	margin: 0.1rem 0 0 !important;
}

html body[data-template="login"] .block-body .block-row {
	padding: 0.2rem 0 !important;
	margin: 0 !important;
}

html body[data-template="login"] .js-jsWarning {
	display: none !important;
}

/* Short laptop screens (~768–820) */
@media (max-height: 820px) {
	html body[data-template="login"] .p-title-value,
	html body[data-template="login"] .p-body-header .p-title-value {
		font-size: 1.4rem !important;
		max-height: 1.9rem !important;
	}

	html body[data-template="login"] .p-body-header {
		margin-bottom: 0.15rem !important;
	}

	html body[data-template="login"] .p-body-header .p-title::after {
		margin-top: 0.15rem !important;
	}

	html body[data-template="login"] .block-body {
		padding: 0.5rem 0.9rem 0.4rem !important;
	}

	html body[data-template="login"] .formRow {
		margin-bottom: 0.28rem !important;
	}

	html body[data-template="login"] .input {
		min-height: 2rem !important;
		padding: 0.38rem 0.65rem !important;
	}

	html body[data-template="login"] .button.button--primary {
		min-height: 2.1rem !important;
		padding: 0.4rem 0.8rem !important;
	}

	html body[data-template="login"] .cf-turnstile {
		transform: scale(0.78);
	}

	html body[data-template="login"] .block-outer.block-outer--after {
		margin-top: 0.25rem !important;
		padding: 0.28rem 0.55rem !important;
	}

	html body[data-template="login"] .blocks .block:not(:first-child) .block-container {
		padding: 0.35rem 0.7rem !important;
	}
}

/* Very short: keep core login, tuck secondary providers */
@media (max-height: 780px) {
	html body[data-template="login"] .p-body-header .p-title::after {
		display: none !important;
	}

	html body[data-template="login"] .blocks-textJoiner,
	html body[data-template="login"] .blocks > .block:not(:first-child) {
		display: none !important;
	}
}

@media (max-width: 700px) {
	html body[data-template="login"] .p-body-inner {
		max-width: 100% !important;
		padding: 0 0.75rem !important;
	}

	html body[data-template="login"] .cf-turnstile {
		transform: scale(0.85);
		transform-origin: center top;
	}
}

/* END G6M_LOGIN_FIT_V182 */

/* G6M_LOGIN_TITLE_V183
   Slightly more air under nav + modern pro CONNEXION wordmark. */

@keyframes g6mLoginTitleSheen {
	0%, 100% { opacity: 0.88; }
	50% { opacity: 1; }
}

html body[data-template="login"] .p-body-header,
html body.template-login .p-body-header,
html body[data-template="login"] .p-pageWrapper > .p-body-header,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header,
html body[data-template="login_password"] .p-body-header {
	margin-top: 1.15rem !important;
	margin-bottom: 0.45rem !important;
	padding-top: 0.15rem !important;
}

html body[data-template="login"] .p-body-header .p-title,
html body.template-login .p-body-header .p-title,
html body[data-template="login"] .p-title {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0.4rem !important;
	height: auto !important;
	min-height: 0 !important;
}

html body[data-template="login"] .p-title-value,
html body.template-login .p-title-value,
html body[data-template="login"] h1.p-title-value,
html body[data-template="login"] .p-body-header .p-title-value,
html body[data-template="login"] .p-body-header h1.p-title-value,
html body[data-template="login"] .p-pageWrapper > .p-body-header .p-title-value,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header .p-title-value {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 auto !important;
	padding: 0.05rem 0.35rem !important;
	font-family: Orbitron, Rajdhani, "Segoe UI", sans-serif !important;
	font-size: clamp(1.85rem, 3.2vw, 2.35rem) !important;
	font-weight: 700 !important;
	letter-spacing: 0.28em !important;
	text-indent: 0.28em !important;
	line-height: 1.05 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	background-image: linear-gradient(
		115deg,
		#e8d5ff 0%,
		#c44dff 28%,
		#ff4db8 62%,
		#ff7ac8 100%
	) !important;
	background-size: 140% 100% !important;
	background-position: 50% 50% !important;
	background-color: transparent !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	filter: none !important;
	animation: g6mLoginTitleSheen 5s ease-in-out infinite !important;
	text-shadow: none !important;
	/* soft neon halo via layered drop-ish substitute that doesn't inflate layout */
	-webkit-text-stroke: 0.35px rgba(255, 255, 255, 0.18) !important;
	transform: none !important;
	position: relative !important;
}

/* Modern underline — thin tech accent */
html body[data-template="login"] .p-body-header .p-title::after,
html body.template-login .p-body-header .p-title::after {
	content: "" !important;
	display: block !important;
	width: 3.75rem !important;
	height: 2px !important;
	margin: 0 auto !important;
	border-radius: 999px !important;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 11, 139, 0.15) 12%,
		#ff0b8b 42%,
		#8d38ff 58%,
		rgba(0, 215, 255, 0.35) 88%,
		transparent 100%
	) !important;
	box-shadow:
		0 0 10px rgba(255, 11, 139, 0.45),
		0 0 18px rgba(141, 56, 255, 0.25) !important;
	animation: none !important;
	opacity: 0.95 !important;
}

@media (max-height: 820px) {
	html body[data-template="login"] .p-body-header {
		margin-top: 0.75rem !important;
		margin-bottom: 0.3rem !important;
	}

	html body[data-template="login"] .p-title-value,
	html body[data-template="login"] .p-body-header .p-title-value {
		font-size: clamp(1.55rem, 2.8vw, 1.95rem) !important;
		letter-spacing: 0.22em !important;
		text-indent: 0.22em !important;
	}
}

@media (max-height: 780px) {
	html body[data-template="login"] .p-body-header {
		margin-top: 0.55rem !important;
		margin-bottom: 0.25rem !important;
	}
}

/* END G6M_LOGIN_TITLE_V183 */

/* G6M_LOGIN_TITLE_V184
   Nav gap + modern CONNEXION — nowrap (fix letter-wrap canyon). */

html body[data-template="login"] .p-body-header,
html body.template-login .p-body-header,
html body[data-template="login"] .p-pageWrapper > .p-body-header,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header,
html body[data-template="login_password"] .p-body-header {
	margin-top: 1.1rem !important;
	margin-bottom: 0.4rem !important;
	padding-top: 0.1rem !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
}

html body[data-template="login"] .p-body-header .pageContent,
html body[data-template="login"] .p-body-header .uix_headerInner,
html body.template-login .p-body-header .pageContent {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body[data-template="login"] .p-body-header .p-title,
html body.template-login .p-body-header .p-title,
html body[data-template="login"] .p-title {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	gap: 0.35rem !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body[data-template="login"] .p-title-value,
html body.template-login .p-title-value,
html body[data-template="login"] h1.p-title-value,
html body[data-template="login"] .p-body-header .p-title-value,
html body[data-template="login"] .p-body-header h1.p-title-value,
html body[data-template="login"] .p-pageWrapper > .p-body-header .p-title-value,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header .p-title-value {
	display: block !important;
	width: max-content !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 auto !important;
	padding: 0.05rem 0.2rem !important;
	font-family: Orbitron, Rajdhani, "Segoe UI", sans-serif !important;
	font-size: clamp(1.75rem, 2.8vw, 2.2rem) !important;
	font-weight: 700 !important;
	letter-spacing: 0.22em !important;
	text-indent: 0.22em !important;
	line-height: 1.1 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	overflow: visible !important;
	word-break: keep-all !important;
	background-image: linear-gradient(
		115deg,
		#f0e6ff 0%,
		#d08cff 22%,
		#ff4db8 55%,
		#ff9ad4 100%
	) !important;
	background-color: transparent !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	-webkit-text-stroke: 0.3px rgba(255, 255, 255, 0.16) !important;
	filter: none !important;
	animation: none !important;
	text-shadow: none !important;
	transform: none !important;
	position: static !important;
}

html body[data-template="login"] .p-body-header .p-title::after,
html body.template-login .p-body-header .p-title::after {
	content: "" !important;
	display: block !important;
	flex: 0 0 auto !important;
	width: 3.5rem !important;
	height: 2px !important;
	margin: 0 auto !important;
	border-radius: 999px !important;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 11, 139, 0.2) 15%,
		#ff0b8b 45%,
		#8d38ff 55%,
		rgba(0, 215, 255, 0.35) 85%,
		transparent 100%
	) !important;
	box-shadow:
		0 0 10px rgba(255, 11, 139, 0.4),
		0 0 16px rgba(141, 56, 255, 0.22) !important;
	animation: none !important;
}

@media (max-height: 820px) {
	html body[data-template="login"] .p-body-header {
		margin-top: 0.7rem !important;
		margin-bottom: 0.3rem !important;
	}

	html body[data-template="login"] .p-title-value,
	html body[data-template="login"] .p-body-header .p-title-value {
		font-size: clamp(1.5rem, 2.5vw, 1.85rem) !important;
		letter-spacing: 0.18em !important;
		text-indent: 0.18em !important;
	}
}

@media (max-width: 700px) {
	html body[data-template="login"] .p-title-value,
	html body[data-template="login"] .p-body-header .p-title-value {
		font-size: 1.45rem !important;
		letter-spacing: 0.16em !important;
		text-indent: 0.16em !important;
	}
}

/* END G6M_LOGIN_TITLE_V184 */

/* G6M_LOGIN_TITLE_V185
   Nav breathing room + modern CONNEXION (max-height keeps no-scroll). */

html body[data-template="login"] .p-body-header,
html body.template-login .p-body-header,
html body[data-template="login"] .p-pageWrapper > .p-body-header,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header,
html body[data-template="login_password"] .p-body-header {
	display: block !important;
	width: 100% !important;
	max-width: 640px !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: 4rem !important;
	margin: 1.05rem auto 0.4rem !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

html body[data-template="login"] .p-body-header .pageContent,
html body[data-template="login"] .p-body-header .uix_headerInner,
html body.template-login .p-body-header .pageContent {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body[data-template="login"] .p-body-header .p-title,
html body.template-login .p-body-header .p-title,
html body[data-template="login"] .p-title {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-wrap: nowrap !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: 3.6rem !important;
	gap: 0.32rem !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

html body[data-template="login"] .p-title-value,
html body.template-login .p-title-value,
html body[data-template="login"] h1.p-title-value,
html body[data-template="login"] .p-body-header .p-title-value,
html body[data-template="login"] .p-body-header h1.p-title-value,
html body[data-template="login"] .p-pageWrapper > .p-body-header .p-title-value,
html body[data-template="login"] .uix_pageWrapper--fixed > .p-body-header .p-title-value {
	display: block !important;
	box-sizing: border-box !important;
	width: auto !important;
	max-width: 100% !important;
	height: 2.15rem !important;
	min-height: 0 !important;
	max-height: 2.15rem !important;
	margin: 0 auto !important;
	padding: 0 !important;
	font-family: Orbitron, Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 1.85rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.2em !important;
	text-indent: 0.2em !important;
	line-height: 2.15rem !important;
	text-align: center !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	word-break: keep-all !important;
	background-image: linear-gradient(
		115deg,
		#f3e9ff 0%,
		#d28cff 24%,
		#ff4db8 58%,
		#ff9ad4 100%
	) !important;
	background-color: transparent !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	-webkit-text-stroke: 0.28px rgba(255, 255, 255, 0.14) !important;
	filter: none !important;
	animation: none !important;
	text-shadow: none !important;
	transform: none !important;
	position: static !important;
}

html body[data-template="login"] .p-body-header .p-title::after,
html body.template-login .p-body-header .p-title::after {
	content: "" !important;
	display: block !important;
	flex: 0 0 auto !important;
	width: 3.4rem !important;
	height: 2px !important;
	margin: 0 auto !important;
	border-radius: 999px !important;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 11, 139, 0.2) 14%,
		#ff0b8b 45%,
		#8d38ff 55%,
		rgba(0, 215, 255, 0.35) 86%,
		transparent 100%
	) !important;
	box-shadow:
		0 0 10px rgba(255, 11, 139, 0.4),
		0 0 16px rgba(141, 56, 255, 0.22) !important;
	animation: none !important;
}

@media (max-height: 820px) {
	html body[data-template="login"] .p-body-header {
		margin-top: 0.7rem !important;
		margin-bottom: 0.3rem !important;
	}

	html body[data-template="login"] .p-title-value,
	html body[data-template="login"] .p-body-header .p-title-value {
		font-size: 1.55rem !important;
		height: 1.85rem !important;
		max-height: 1.85rem !important;
		line-height: 1.85rem !important;
		letter-spacing: 0.16em !important;
		text-indent: 0.16em !important;
	}
}

@media (max-width: 700px) {
	html body[data-template="login"] .p-title-value,
	html body[data-template="login"] .p-body-header .p-title-value {
		font-size: 1.45rem !important;
		letter-spacing: 0.14em !important;
		text-indent: 0.14em !important;
	}
}

/* END G6M_LOGIN_TITLE_V185 */

/* G6M_FOOTER_SITE_MATCH_V186
   Align forum legal card to site theme.css charcoal +
   login: show compact legal only (no skyline / CTA). */

/* ─── Forum legal = site charcoal panel ─────────────────────────────────── */
html body .g6m-footer-legal,
html body .g6m-footer-legal--site-clone,
html body .g6m-footer-legal--v32,
html body .g6m-forum-footer .g6m-footer-legal,
html body .g6m-forum-footer .g6m-footer-legal--site-clone,
html body .g6m-forum-footer--v48 .g6m-footer-legal,
html body .g6m-forum-footer--v48 .g6m-footer-legal--site-clone,
html body .g6m-footer-credits .g6m-footer-legal,
html body .g6m-p-footer--v48 .g6m-footer-legal {
	max-width: 42rem !important;
	width: min(42rem, 100%) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 1.15rem 1.35rem !important;
	text-align: center !important;
	border-radius: 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	background:
		linear-gradient(180deg, rgba(28, 24, 36, 0.94) 0%, rgba(14, 12, 20, 0.97) 100%) !important;
	box-shadow:
		0 10px 28px rgba(0, 0, 0, 0.38),
		inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
}

html body .g6m-footer-legal__line,
html body .g6m-forum-footer--v48 .g6m-footer-legal__line {
	margin: 0.4rem 0 0 !important;
	font-size: 0.78rem !important;
	line-height: 1.65 !important;
	color: rgba(210, 210, 220, 0.92) !important;
}

html body .g6m-footer-legal__line--primary,
html body .g6m-forum-footer--v48 .g6m-footer-legal__line--primary {
	margin-top: 0 !important;
	font-family: Rajdhani, system-ui, sans-serif !important;
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
}

html body .g6m-footer-legal__line--muted,
html body .g6m-forum-footer--v48 .g6m-footer-legal__line--muted {
	font-size: 0.72rem !important;
	color: rgba(160, 160, 176, 0.92) !important;
}

html body .g6m-footer-legal__credit,
html body .g6m-forum-footer--v48 .g6m-footer-legal__credit {
	display: inline-block !important;
	margin-left: 0.35rem !important;
	font-family: Rajdhani, system-ui, sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: rgba(255, 11, 139, 0.95) !important;
	white-space: nowrap !important;
}

html body .g6m-footer-legal__version,
html body .g6m-forum-footer--v48 .g6m-footer-legal__version {
	margin: 0.85rem 0 0 !important;
	padding-top: 0.75rem !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html body .g6m-footer-legal__version-badge,
html body .g6m-forum-footer--v48 .g6m-footer-legal__version-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.35rem !important;
	padding: 0.32rem 0.95rem !important;
	border-radius: 999px !important;
	font-family: Rajdhani, Orbitron, system-ui, sans-serif !important;
	font-size: 0.68rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.2em !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	background: rgba(10, 12, 18, 0.88) !important;
	border: 1px solid rgba(0, 215, 255, 0.42) !important;
	box-shadow:
		0 0 14px rgba(0, 215, 255, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html body .g6m-footer-legal__version-badge::before,
html body .g6m-forum-footer--v48 .g6m-footer-legal__version-badge::before {
	content: "" !important;
	display: inline-block !important;
	width: 0.4rem !important;
	height: 0.4rem !important;
	border-radius: 999px !important;
	background: #00d7ff !important;
	box-shadow: 0 0 10px rgba(0, 215, 255, 0.85) !important;
}

/* Bottom strip like site (__bottom on #090909) */
html body .g6m-forum-footer__bottom,
html body .g6m-forum-footer--v48 .g6m-forum-footer__bottom {
	background: #090909 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* ─── Login: compact legal card only (match site minimal feel) ──────────── */
html body[data-template="login"] .p-footer,
html body.template-login .p-footer,
html body[data-template="login_password"] .p-footer,
html body.template-login_password .p-footer {
	display: block !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 0 1rem !important;
	overflow: visible !important;
	border: 0 !important;
	background: transparent !important;
	visibility: visible !important;
	opacity: 1 !important;
}

html body[data-template="login"] .g6m-forum-cta,
html body.template-login .g6m-forum-cta,
html body[data-template="login"] .g6m-forum-footer__body,
html body.template-login .g6m-forum-footer__body,
html body[data-template="login"] .g6m-forum-footer__border,
html body.template-login .g6m-forum-footer__border,
html body[data-template="login"] .g6m-forum-footer__scene,
html body.template-login .g6m-forum-footer__scene,
html body[data-template="login"] .p-footer-inner,
html body.template-login .p-footer-inner,
html body[data-template="login_password"] .g6m-forum-cta,
html body[data-template="login_password"] .g6m-forum-footer__body,
html body[data-template="login_password"] .g6m-forum-footer__border {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

html body[data-template="login"] .g6m-forum-footer,
html body.template-login .g6m-forum-footer,
html body[data-template="login"] .g6m-forum-footer__bottom,
html body.template-login .g6m-forum-footer__bottom,
html body[data-template="login"] .g6m-footer-legal,
html body.template-login .g6m-footer-legal {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
}

html body[data-template="login"] .g6m-forum-footer__bottom,
html body.template-login .g6m-forum-footer__bottom {
	padding: 0.35rem 1rem 0.25rem !important;
	background: transparent !important;
	border-top: 0 !important;
}

html body[data-template="login"] .g6m-footer-legal,
html body.template-login .g6m-footer-legal {
	margin-top: 0.25rem !important;
	margin-bottom: 0 !important;
	padding: 0.85rem 1.1rem !important;
}

html body[data-template="login"] .g6m-footer-legal__version,
html body.template-login .g6m-footer-legal__version {
	margin-top: 0.65rem !important;
	padding-top: 0.55rem !important;
}

@media (max-height: 820px) {
	html body[data-template="login"] .g6m-footer-legal {
		padding: 0.65rem 0.95rem !important;
	}

	html body[data-template="login"] .g6m-footer-legal__line {
		margin-top: 0.25rem !important;
		line-height: 1.45 !important;
	}

	html body[data-template="login"] .g6m-footer-legal__version {
		margin-top: 0.45rem !important;
		padding-top: 0.4rem !important;
	}

	html body[data-template="login"] .p-footer {
		padding-bottom: 0.5rem !important;
	}
}

/* END G6M_FOOTER_SITE_MATCH_V186 */

/* G6M_LOGIN329C_SOLDE_NEUTRALIZE — defer login bg to login-premium-v329 */
html body[data-template="login"] .p-pageWrapper,
html body.template-login .p-pageWrapper,
html body[data-template="login_password"] .p-pageWrapper,
html body[data-template="login_two_step"] .p-pageWrapper {
  /* do not force background-image:none */
}
html body[data-template="login"] .p-pageWrapper::before,
html body[data-template="login"] .p-pageWrapper::after,
html body.template-login .p-pageWrapper::before,
html body.template-login .p-pageWrapper::after {
  content: none !important;
  display: none !important;
  background: none !important;
  /* neutralized login bg:none by login331 */
  opacity: 0 !important;
  pointer-events: none !important;
}

/* G6M_REGISTER330C_SOLDE_NEUTRALIZE — forum bg on register like login */
html body[data-template="register_form"] .p-pageWrapper::before,
html body[data-template="register_form"] .p-pageWrapper::after,
html body.template-register_form .p-pageWrapper::before,
html body.template-register_form .p-pageWrapper::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* G6M_LOGIN331_SOLDE_NEUTRALIZE — forum bg on login like register */
html body[data-template="login"] .p-pageWrapper::before,
html body[data-template="login"] .p-pageWrapper::after,
html body.template-login .p-pageWrapper::before,
html body.template-login .p-pageWrapper::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  filter: none !important;
  pointer-events: none !important;
}

/* ==== g6m-thread-reply-align-v99.css ==== */
/* G6M_THREAD_REPLY_ALIGN_V99
   Thread view: hide header Répondre, place it left on the Suivre row,
   shift title/meta right to align with forum content start. */

html body.template-thread_view .p-body-header .uix_headerInner--opposite,
html body.template-thread_view .p-body-header .p-title-pageAction {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Title + author/date: shift right toward content alignment */
html body.template-thread_view .p-body-header .pageContent {
	justify-content: flex-start !important;
	padding-left: 1.35rem !important;
}

html body.template-thread_view .p-body-header .uix_headerInner:not(.uix_headerInner--opposite) {
	order: 1 !important;
	flex: 1 1 auto !important;
	margin-left: 0.35rem !important;
	padding-left: 0.55rem !important;
	max-width: 100% !important;
}

html body.template-thread_view .p-body-header .p-title,
html body.template-thread_view .p-body-header .p-description {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

/* Tools row: Répondre left, Suivre/… right */
html body.template-thread_view .p-body-pageContent > .block > .block-outer:not(.block-outer--after),
html body.template-thread_view .block--messages > .block-outer:not(.block-outer--after),
html body.template-thread_view .block .block-outer:has(.g6m-thread-reply-wrap),
html body.template-thread_view .block .block-outer:has(.block-outer-opposite .buttonGroup) {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 0.55rem 0.75rem !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin-bottom: 0.65rem !important;
}

html body.template-thread_view .g6m-thread-reply-wrap,
html body.template-thread_view .block-outer-main.g6m-thread-reply-wrap {
	order: 1 !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	margin-right: auto !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
}

html body.template-thread_view .block-outer-opposite:has(.buttonGroup) {
	order: 2 !important;
	flex: 0 0 auto !important;
	margin-left: auto !important;
}

html body.template-thread_view .g6m-thread-reply-wrap .button--cta,
html body.template-thread_view .g6m-thread-reply-wrap .button.button--cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.55rem !important;
	border-radius: 999px !important;
	font-family: Rajdhani, Inter, system-ui, sans-serif !important;
	font-weight: 700 !important;
	font-size: 0.8rem !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	min-height: 2.45rem !important;
	padding: 0.5rem 1.15rem !important;
	border: none !important;
	background: linear-gradient(135deg, #ff0b8b 0%, #8d38ff 100%) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	box-shadow: 0 8px 22px rgba(255, 11, 139, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

html body.template-thread_view .g6m-thread-reply-wrap .button--cta:hover {
	transform: translateY(-1px) !important;
	filter: brightness(1.05) !important;
	text-decoration: none !important;
}

html body.template-thread_view .g6m-thread-reply-wrap .button--cta .button-icon,
html body.template-thread_view .g6m-thread-reply-wrap .button--cta .fa--xf,
html body.template-thread_view .g6m-thread-reply-wrap .button--cta svg {
	width: 1em !important;
	height: 1em !important;
	color: #fff !important;
	fill: currentColor !important;
	filter: none !important;
}

@media (max-width: 700px) {
	html body.template-thread_view .p-body-header .pageContent {
		padding-left: 0.75rem !important;
	}

	html body.template-thread_view .g6m-thread-reply-wrap,
	html body.template-thread_view .block-outer-opposite:has(.buttonGroup) {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	html body.template-thread_view .g6m-thread-reply-wrap .button--cta {
		width: 100% !important;
		justify-content: center !important;
	}
}

/* END G6M_THREAD_REPLY_ALIGN_V99 */

/* ==== g6m-thread-title-inset-v132.css ==== */
/* G6M_THREAD_TITLE_INSET_V132
   Push thread title + meta right to align with forum content column. */

html body.template-thread_view .p-body-header,
html body[data-template="thread_view"] .p-body-header {
	padding-left: 2.75rem !important;
	padding-right: 1.5rem !important;
	box-sizing: border-box !important;
}

html body.template-thread_view .p-body-header .pageContent,
html body[data-template="thread_view"] .p-body-header .pageContent {
	justify-content: flex-start !important;
	padding-left: 0.85rem !important;
	margin-left: 0 !important;
	box-sizing: border-box !important;
}

html body.template-thread_view .p-body-header .uix_headerInner:not(.uix_headerInner--opposite),
html body[data-template="thread_view"] .p-body-header .uix_headerInner:not(.uix_headerInner--opposite) {
	order: 1 !important;
	flex: 1 1 auto !important;
	margin-left: 0.5rem !important;
	padding-left: 0.75rem !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

html body.template-thread_view .p-body-header .p-title,
html body.template-thread_view .p-body-header h1.p-title,
html body[data-template="thread_view"] .p-body-header .p-title {
	margin-left: 0 !important;
	padding-left: 0.15rem !important;
	max-width: 100% !important;
}

html body.template-thread_view .p-body-header .p-title-value,
html body.template-thread_view .p-body-header h1.p-title-value,
html body[data-template="thread_view"] .p-body-header .p-title-value {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em !important;
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45) !important;
}

html body.template-thread_view .p-body-header .p-description,
html body[data-template="thread_view"] .p-body-header .p-description {
	margin-left: 0 !important;
	padding-left: 0.15rem !important;
	margin-top: 0.35rem !important;
	color: rgba(235, 235, 245, 0.88) !important;
	-webkit-text-fill-color: rgba(235, 235, 245, 0.88) !important;
}

html body.template-thread_view .p-body-header .p-description a,
html body.template-thread_view .p-body-header .p-description .username,
html body[data-template="thread_view"] .p-body-header .p-description a {
	color: rgba(255, 255, 255, 0.92) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
	font-weight: 600 !important;
}

html body.template-thread_view .p-body-header .p-description a:hover,
html body[data-template="thread_view"] .p-body-header .p-description a:hover {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
}

html body.template-thread_view .p-body-header .p-description time,
html body.template-thread_view .p-body-header .p-description .u-concealed,
html body[data-template="thread_view"] .p-body-header .p-description time {
	color: rgba(220, 220, 230, 0.82) !important;
	-webkit-text-fill-color: rgba(220, 220, 230, 0.82) !important;
}

@media (max-width: 900px) {
	html body.template-thread_view .p-body-header,
	html body[data-template="thread_view"] .p-body-header {
		padding-left: 1.65rem !important;
		padding-right: 1rem !important;
	}

	html body.template-thread_view .p-body-header .pageContent,
	html body[data-template="thread_view"] .p-body-header .pageContent {
		padding-left: 0.45rem !important;
	}

	html body.template-thread_view .p-body-header .uix_headerInner:not(.uix_headerInner--opposite) {
		margin-left: 0.25rem !important;
		padding-left: 0.4rem !important;
	}
}

@media (max-width: 700px) {
	html body.template-thread_view .p-body-header,
	html body[data-template="thread_view"] .p-body-header {
		padding-left: 1.15rem !important;
		padding-right: 0.85rem !important;
	}

	html body.template-thread_view .p-body-header .pageContent {
		padding-left: 0.25rem !important;
	}
}

/* END G6M_THREAD_TITLE_INSET_V132 */

/* ==== g6m-title-center-v153.css ==== */
/* G6M_TITLE_CENTER_V153
   Center forum/category title + description in the middle of the title bar.
   Keep "Créer un sujet" as a side CTA (right) so it does not pull the title left. */

html body .p-body-header,
html body[data-template="forum_view"] .p-body-header,
html body[data-template="category_view"] .p-body-header,
html body.template-forum_view .p-body-header,
html body.template-category_view .p-body-header {
	position: relative !important;
}

html body .p-body-header .pageContent,
html body[data-template="forum_view"] .p-body-header .pageContent,
html body[data-template="category_view"] .p-body-header .pageContent,
html body.template-forum_view .p-body-header .pageContent,
html body.template-category_view .p-body-header .pageContent {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	text-align: center !important;
	padding-left: 1.35rem !important;
	padding-right: 1.35rem !important;
	box-sizing: border-box !important;
}

/* Title row: centered text, CTA absolutely on the right */
html body .p-body-header .p-title,
html body[data-template="forum_view"] .p-body-header .p-title,
html body[data-template="category_view"] .p-body-header .p-title,
html body.template-forum_view .p-body-header .p-title,
html body.template-category_view .p-body-header .p-title,
html body .p-title {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	margin: 0 !important;
	text-align: center !important;
	min-height: 2.75rem !important;
}

html body .p-body-header .p-title-value,
html body[data-template="forum_view"] .p-body-header .p-title-value,
html body[data-template="category_view"] .p-body-header .p-title-value,
html body.template-forum_view .p-body-header .p-title-value,
html body.template-category_view .p-body-header .p-title-value,
html body .p-title-value {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0 1rem !important;
	box-sizing: border-box !important;
	text-align: center !important;
	float: none !important;
	position: static !important;
	order: unset !important;
	flex: unset !important;
	transform: none !important;
}

html body .p-body-header .p-description,
html body[data-template="forum_view"] .p-body-header .p-description,
html body[data-template="category_view"] .p-body-header .p-description,
html body.template-forum_view .p-body-header .p-description,
html body.template-category_view .p-body-header .p-description {
	display: block !important;
	width: 100% !important;
	max-width: 40rem !important;
	margin: 0.35rem auto 0 !important;
	padding: 0 1rem !important;
	box-sizing: border-box !important;
	text-align: center !important;
	float: none !important;
	order: unset !important;
	flex: unset !important;
	position: static !important;
	transform: none !important;
}

/* CTA stays on the right, does not shift the centered title */
html body .p-body-header .p-title-pageAction,
html body .p-body-header .p-title .p-title-pageAction,
html body[data-template="forum_view"] .p-body-header .p-title-pageAction,
html body[data-template="category_view"] .p-body-header .p-title-pageAction,
html body.template-forum_view .p-body-header .p-title-pageAction,
html body.template-category_view .p-body-header .p-title-pageAction,
html body .p-title-pageAction {
	position: absolute !important;
	top: 50% !important;
	right: 0 !important;
	left: auto !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	max-width: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	float: none !important;
	order: unset !important;
	flex: unset !important;
	z-index: 3 !important;
}

/* UI.X alternate header inners (if present) */
html body .p-body-header .uix_headerInner:not(.uix_headerInner--opposite) {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	margin: 0 auto !important;
	float: none !important;
	position: static !important;
	transform: none !important;
	order: unset !important;
	flex: unset !important;
}

html body .p-body-header .uix_headerInner--opposite {
	position: absolute !important;
	top: 50% !important;
	right: 1.35rem !important;
	left: auto !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	z-index: 3 !important;
	order: unset !important;
	flex: unset !important;
	float: none !important;
}

@media (max-width: 900px) {
	html body .p-body-header .p-title-value {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	html body .p-body-header .p-title-pageAction,
	html body .p-body-header .uix_headerInner--opposite {
		position: static !important;
		transform: none !important;
		justify-content: center !important;
		margin: 0.75rem auto 0 !important;
		right: auto !important;
	}
	html body .p-body-header .p-title {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}
}

/* END G6M_TITLE_CENTER_V153 */

/* ==== g6m-titlebar-width-match-v146.css ==== */
/* G6M_TITLEBAR_WIDTH_MATCH_V146
   Align title bar (Actualités… / Créer un sujet) to the same width as forum content.
   Root cause: V89 set .p-body-header { max-width: none } and broke the 1200px page rail. */

html body .p-pageWrapper > .p-body-header,
html body .uix_pageWrapper--fixed > .p-body-header,
html body .p-body > .p-body-header,
html body .p-body-header,
html body[data-template="forum_view"] .p-body-header,
html body[data-template="forum_list"] .p-body-header,
html body[data-template="category_view"] .p-body-header,
html body[data-template="thread_view"] .p-body-header,
html body.template-forum_view .p-body-header,
html body.template-forum_list .p-body-header,
html body.template-category_view .p-body-header,
html body.template-thread_view .p-body-header {
	max-width: var(--g6m-page-max, 1200px) !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* Match horizontal inset of .p-body-inner content rail */
html body .p-body-inner {
	max-width: var(--g6m-page-max, 1200px) !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* When header sits inside .p-body-inner, don't double-constrain oddly */
html body .p-body-inner > .p-body-header {
	max-width: 100% !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media (max-width: 1260px) {
	html body .p-pageWrapper > .p-body-header,
	html body .uix_pageWrapper--fixed > .p-body-header,
	html body .p-body > .p-body-header,
	html body .p-body-header {
		max-width: calc(100% - 1.5rem) !important;
	}
}

@media (max-width: 700px) {
	html body .p-pageWrapper > .p-body-header,
	html body .uix_pageWrapper--fixed > .p-body-header,
	html body .p-body > .p-body-header,
	html body .p-body-header {
		max-width: calc(100% - 1rem) !important;
	}
}

/* END G6M_TITLEBAR_WIDTH_MATCH_V146 */

/* ==== g6m-type-normalize-v137.css ==== */
/* G6M_TYPE_NORMALIZE_V137
   Root cause: extra.less set ALL .block-header to clamp(1.15–1.75rem)
   (meant for forum category banners). Shop sideNav "Catégories" + links
   inherited that mega size. Normalize widgets/sideNav; keep banners big. */

/* —— 1) Default block headers = widget size (not hero) —— */
html body .block-header,
html body .block-minorHeader,
html body h3.block-header,
html body h2.block-header,
html body h3.block-minorHeader {
	font-size: 0.92rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	line-height: 1.3 !important;
	text-transform: uppercase !important;
}

/* —— 2) SideNav + Sidebar widgets (shop Catégories, Wallet, etc.) —— */
html body .p-body-sideNav .block-header,
html body .p-body-sideNav .block-minorHeader,
html body .p-body-sidebar .block-header,
html body .p-body-sidebar .block-minorHeader,
html body .p-body-sideNavContent .block-header,
html body .p-body-sideNavContent .block-minorHeader,
html body .uix_sidebar--scroller .block-header,
html body .uix_sidebar--scroller .block-minorHeader {
	font-size: 0.88rem !important;
	letter-spacing: 0.06em !important;
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
	line-height: 1.25 !important;
}

html body .p-body-sideNav .block-body,
html body .p-body-sidebar .block-body,
html body .p-body-sideNavContent .block-body {
	font-size: 0.9rem !important;
	line-height: 1.45 !important;
}

/* Shop / XF category tree links */
html body .categoryList-link,
html body .categoryList-item a,
html body .categoryList .categoryList-link,
html body .p-body-sideNav .categoryList-link,
html body .p-body-sideNav a.categoryList-link {
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	letter-spacing: 0.02em !important;
	line-height: 1.35 !important;
	text-transform: none !important;
	color: rgba(235, 230, 255, 0.92) !important;
	-webkit-text-fill-color: rgba(235, 230, 255, 0.92) !important;
	background: none !important;
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
	filter: none !important;
}

html body .categoryList-link:hover,
html body .categoryList-item a:hover {
	color: #ffe0ff !important;
	-webkit-text-fill-color: #ffe0ff !important;
	text-decoration: none !important;
}

html body .categoryList-label .label,
html body .categoryList-label {
	font-size: 0.72rem !important;
}

/* —— 3) Restore LARGE type only for real forum category banners —— */
html body .block--category > .block-container > .block-header,
html body .block-header.js-nodeMain {
	font-size: clamp(1.35rem, 2.4vw, 1.75rem) !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	line-height: 1.15 !important;
}

html body .block--category > .block-container > .block-header > a,
html body .block-header.js-nodeMain > a {
	font-size: inherit !important;
}

/* Page H1 titles stay expressive */
html body .p-body-header .p-title-value,
html body h1.p-title-value {
	font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important;
}

/* —— 4) Content hierarchy caps (prevent random giant text) —— */
html body .p-body-pageContent,
html body .p-body-content,
html body .block-body,
html body .block-row,
html body .message-body,
html body .bbWrapper {
	font-size: 1rem !important;
	line-height: 1.55 !important;
}

html body .structItem-title {
	font-size: 1.05rem !important;
	line-height: 1.3 !important;
}

html body .contentRow-title,
html body .contentRow-title a {
	font-size: 0.98rem !important;
	line-height: 1.3 !important;
}

html body .pairs > dt,
html body .pairs > dd {
	font-size: 0.9rem !important;
}

/* DBTech shop overview extras */
html body[data-template*="dbtech_shop"] .block-header,
html body[data-template*="dbtech_shop"] .block-minorHeader,
html body.template-dbtech_shop_overview .block-header,
html body.template-dbtech_shop_overview .block-minorHeader {
	font-size: 0.9rem !important;
}

html body[data-template*="dbtech_shop"] .p-body-header .p-title-value,
html body.template-dbtech_shop_overview .p-body-header .p-title-value {
	font-size: clamp(1.55rem, 2.8vw, 2.1rem) !important;
}

@media (max-width: 650px) {
	html body .p-body-sideNav .block-header,
	html body .p-body-sidebar .block-header,
	html body .categoryList-link {
		font-size: 0.88rem !important;
	}
}

/* END G6M_TYPE_NORMALIZE_V137 */

/* ==== g6m-user-title-badge-v92.css ==== */
/* G6M_USER_TITLE_BADGE_V92
   Modern pro badges for staff user titles (sidebar "Membres de l'équipe", posts, profiles).
*/

/* —— Base: compact title chip —— */
html body .contentRow-minor .userTitle,
html body .message-userDetails .userTitle,
html body .message-userTitle,
html body .memberHeader .userTitle {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.38em !important;
	margin-top: 0.22rem !important;
	padding: 0.16rem 0.55rem 0.18rem !important;
	border-radius: 3px !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.11em !important;
	text-transform: uppercase !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: rgba(255, 255, 255, 0.06) !important;
	color: rgba(220, 220, 235, 0.95) !important;
	-webkit-text-fill-color: rgba(220, 220, 235, 0.95) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* —— Administrateur / Admin —— */
html body .contentRow-main:has(.username--admin) .contentRow-minor .userTitle,
html body .contentRow-main:has(.username--style3) .contentRow-minor .userTitle,
html body .contentRow-main:has(.username--style5) .contentRow-minor .userTitle,
html body .contentRow-main:has(.username--styleAdmin) .contentRow-minor .userTitle,
html body .message-userDetails:has(.username--admin) .userTitle,
html body .message-userDetails:has(.username--style3) .userTitle,
html body .message-userDetails:has(.username--style5) .userTitle,
html body .message-userDetails:has(.username--styleAdmin) .userTitle,
html body .message-userDetails:has(.username--admin) .message-userTitle,
html body .memberHeader:has(.username--admin) .userTitle,
html body .memberHeader:has(.username--style3) .userTitle,
html body .memberHeader:has(.username--styleAdmin) .userTitle,
html body .memberTooltip:has(.username--admin) .userTitle {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background:
		linear-gradient(135deg,
			rgba(255, 11, 139, 0.95) 0%,
			rgba(141, 56, 255, 0.9) 48%,
			rgba(0, 215, 255, 0.82) 100%) !important;
	border-color: rgba(255, 11, 139, 0.55) !important;
	box-shadow:
		0 0 14px rgba(255, 11, 139, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

html body .contentRow-main:has(.username--admin) .contentRow-minor .userTitle::before,
html body .contentRow-main:has(.username--style3) .contentRow-minor .userTitle::before,
html body .contentRow-main:has(.username--style5) .contentRow-minor .userTitle::before,
html body .contentRow-main:has(.username--styleAdmin) .contentRow-minor .userTitle::before,
html body .message-userDetails:has(.username--admin) .userTitle::before,
html body .message-userDetails:has(.username--style3) .userTitle::before,
html body .message-userDetails:has(.username--styleAdmin) .userTitle::before,
html body .memberHeader:has(.username--admin) .userTitle::before,
html body .memberHeader:has(.username--style3) .userTitle::before,
html body .memberTooltip:has(.username--admin) .userTitle::before {
	content: "◆" !important;
	display: inline-block !important;
	font-size: 0.62em !important;
	line-height: 1 !important;
	opacity: 0.95 !important;
	transform: translateY(-0.05em) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	text-shadow: 0 0 8px rgba(255, 255, 255, 0.45) !important;
}

/* —— Modérateur —— */
html body .contentRow-main:has(.username--moderator):not(:has(.username--admin)) .contentRow-minor .userTitle,
html body .message-userDetails:has(.username--moderator):not(:has(.username--admin)) .userTitle {
	color: #f4eaff !important;
	-webkit-text-fill-color: #f4eaff !important;
	background: linear-gradient(135deg, rgba(177, 76, 255, 0.88), rgba(124, 47, 212, 0.88)) !important;
	border-color: rgba(177, 76, 255, 0.5) !important;
	box-shadow: 0 0 12px rgba(177, 76, 255, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

@media (prefers-reduced-motion: reduce) {
	html body .contentRow-minor .userTitle,
	html body .message-userDetails .userTitle,
	html body .message-userTitle,
	html body .memberHeader .userTitle {
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
	}
}

/* END G6M_USER_TITLE_BADGE_V92 */

/* ==== g6m-welcome-pro-v117.css ==== */
/* G6M_WELCOME_PRO_V117
   Modern GTA6Modding welcome banner — glass + neon, no stock UIX purple triangles. */

html body .uix_welcomeSection {
	position: relative !important;
	margin: 0 0 1rem !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 11, 139, 0.26) !important;
	background:
		radial-gradient(ellipse 80% 120% at 12% 0%, rgba(141, 56, 255, 0.22), transparent 55%),
		radial-gradient(ellipse 70% 100% at 88% 100%, rgba(255, 11, 139, 0.14), transparent 50%),
		linear-gradient(145deg, rgba(14, 10, 24, 0.92), rgba(8, 8, 14, 0.88)) !important;
	background-image:
		radial-gradient(ellipse 80% 120% at 12% 0%, rgba(141, 56, 255, 0.22), transparent 55%),
		radial-gradient(ellipse 70% 100% at 88% 100%, rgba(255, 11, 139, 0.14), transparent 50%),
		linear-gradient(145deg, rgba(14, 10, 24, 0.92), rgba(8, 8, 14, 0.88)) !important;
	box-shadow:
		0 0 0 1px rgba(141, 56, 255, 0.1),
		0 20px 52px rgba(0, 0, 0, 0.48),
		inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
	backdrop-filter: blur(14px) saturate(1.05) !important;
	-webkit-backdrop-filter: blur(14px) saturate(1.05) !important;
}

html body .uix_welcomeSection::before {
	background:
		linear-gradient(180deg, rgba(255, 11, 139, 0.08) 0%, transparent 38%, rgba(141, 56, 255, 0.06) 100%) !important;
	opacity: 1 !important;
}

html body .uix_welcomeSection::after {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 2px !important;
	background: linear-gradient(90deg, transparent, #ff0b8b 20%, #8d38ff 50%, #ff0b8b 80%, transparent) !important;
	opacity: 0.85 !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

html body .uix_welcomeSection__inner {
	position: relative !important;
	z-index: 1 !important;
	padding: 1.45rem 1.25rem 1.35rem !important;
}

html body .uix_welcomeSection .media__container,
html body .uix_welcomeSection .media__body {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 100% !important;
}

html body .uix_welcomeSection__title {
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-size: clamp(1.35rem, 2.6vw, 1.85rem) !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	line-height: 1.15 !important;
	margin: 0 0 0.55rem !important;
	padding: 0 !important;
	background: linear-gradient(115deg, #ffffff 8%, #e8d6ff 42%, #ff9ad4 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	text-shadow: none !important;
}

html body .uix_welcomeSection__text {
	font-size: 0.92rem !important;
	font-weight: 500 !important;
	line-height: 1.55 !important;
	color: rgba(210, 205, 228, 0.9) !important;
	max-width: 38rem !important;
	margin: 0 auto !important;
	padding: 0 0.5rem 0.85rem !important;
}

html body .uix_welcomeSection .button.button--cta,
html body .uix_welcomeSection a.button--cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0.68rem 1.45rem !important;
	min-height: 2.65rem !important;
	border-radius: 10px !important;
	border: 0 !important;
	font-family: Rajdhani, Inter, "Segoe UI", sans-serif !important;
	font-size: 0.88rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	background-image: linear-gradient(135deg, #ff0b8b 0%, #8d38ff 55%, #6b2fd6 100%) !important;
	box-shadow: 0 8px 26px rgba(255, 11, 139, 0.32) !important;
	transition: filter 0.18s ease, transform 0.18s ease !important;
}

html body .uix_welcomeSection .button.button--cta:hover,
html body .uix_welcomeSection a.button--cta:hover {
	filter: brightness(1.08) !important;
	transform: translateY(-1px) !important;
	text-decoration: none !important;
}

html body .uix_welcomeSection .button--cta .button-text {
	padding: 0 !important;
	line-height: 1 !important;
}

html body .uix_welcomeSection__icon {
	display: none !important;
}

@media (max-width: 650px) {
	html body .uix_welcomeSection {
		border-radius: 14px !important;
		margin-bottom: 0.75rem !important;
	}

	html body .uix_welcomeSection__inner {
		padding: 1.15rem 0.85rem 1.05rem !important;
	}

	html body .uix_welcomeSection__title {
		font-size: 1.25rem !important;
		letter-spacing: 0.07em !important;
	}

	html body .uix_welcomeSection__text {
		font-size: 0.84rem !important;
		padding-bottom: 0.7rem !important;
	}
}

/* END G6M_WELCOME_PRO_V117 */

/* ==== g6m-xp-bar-dir-v220.css ==== */
/* G6M_XP_BAR_DIR_V220 — XP shine left → right (was right → left) */

@keyframes g6m-dash-shine {
	0% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

html body .g6m-dash__xp-fill,
html body .block .g6m-dash__xp-fill,
html body .g6m-dash .g6m-dash__xp-fill {
	animation-name: g6m-dash-shine !important;
	animation-duration: 2.8s !important;
	animation-timing-function: linear !important;
	animation-iteration-count: infinite !important;
	animation-direction: normal !important;
	background-size: 200% 100% !important;
}

@media (prefers-reduced-motion: reduce) {
	html body .g6m-dash__xp-fill {
		animation: none !important;
	}
}

html { --g6m-xp-bar-dir: V220; }

/* ==== g6m-xp-bar-shine-v221.css ==== */
/* G6M_XP_BAR_SHINE_V221
   Visible left→right shine on XP fill (works even when fill is narrow).
*/

@keyframes g6m-xp-sweep-ltr {
	0% { transform: translateX(-130%); }
	100% { transform: translateX(230%); }
}

html body .g6m-dash__xp-fill,
html body .block .g6m-dash__xp-fill,
html body .g6m-dash .g6m-dash__xp-fill {
	position: relative !important;
	overflow: hidden !important;
	/* Kill background-position shimmer (hard to see on thin fills) */
	animation: none !important;
	background-image: linear-gradient(
		90deg,
		#8d38ff 0%,
		#ff0b8b 45%,
		#ff791a 100%
	) !important;
	background-size: 100% 100% !important;
	background-position: 0 0 !important;
}

html body .g6m-dash__xp-fill::after,
html body .block .g6m-dash__xp-fill::after,
html body .g6m-dash .g6m-dash__xp-fill::after {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 55% !important;
	border-radius: inherit !important;
	pointer-events: none !important;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 255, 255, 0.15) 35%,
		rgba(255, 255, 255, 0.7) 50%,
		rgba(255, 255, 255, 0.15) 65%,
		transparent 100%
	) !important;
	animation: g6m-xp-sweep-ltr 2.1s linear infinite !important;
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	html body .g6m-dash__xp-fill,
	html body .g6m-dash__xp-fill::after {
		animation: none !important;
	}
	html body .g6m-dash__xp-fill::after {
		display: none !important;
	}
}

html { --g6m-xp-bar-shine: V221; }