/* G6M_LOGIN_MODAL_PREMIUM_V487
   Full UI redesign of guest Connexion dropdown → centered premium modal.
   Scope ONLY: .menu.g6m-login-dropdown / .menu--medium:has(.g6m-login-hero)
   Does NOT alter /forum/login/ dual-grid page or XenForo auth logic.
*/

html#XF body .menu.menu--medium:has(.g6m-login-hero),
html#XF body .menu.g6m-login-dropdown,
html body .menu.menu--medium:has(.g6m-login-hero),
html body .menu.g6m-login-dropdown {
	--g6m487-bg: #0a0810;
	--g6m487-surface: #12101a;
	--g6m487-field: #181622;
	--g6m487-pink: #ff2fae;
	--g6m487-violet: #8b3dff;
	--g6m487-cyan: #00d4ff;
	--g6m487-ink: #f4f2f8;
	--g6m487-muted: rgba(220, 214, 232, 0.68);
	--g6m487-line: rgba(255, 255, 255, 0.1);
	--g6m487-radius: 12px;
	--g6m487-field-r: 8px;
	--g6m487-field-h: 46px;
	--g6m487-btn-h: 46px;
	--g6m487-w: 440px;
	--g6m487-ease: 180ms cubic-bezier(0.22, 1, 0.36, 1);
	--g6m487-pad-x: 1.5rem;
	--g6m487-pad-y: 1.35rem;
}

/* —— Backdrop —— */
html#XF body .g6m-login-dd__backdrop,
html body .g6m-login-dd__backdrop {
	position: fixed !important;
	inset: 0 !important;
	z-index: 10050 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: rgba(0, 0, 0, 0.68) !important;
	backdrop-filter: blur(6px) saturate(1.05) !important;
	-webkit-backdrop-filter: blur(6px) saturate(1.05) !important;
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--g6m487-ease) !important;
	cursor: pointer;
}

html#XF body .g6m-login-dd__backdrop.is-visible,
html body .g6m-login-dd__backdrop.is-visible {
	opacity: 1 !important;
	pointer-events: auto !important;
}

html#XF body.g6m-login-modal-open,
html body.g6m-login-modal-open {
	overflow: hidden !important;
}

/* —— Shell: centered modal —— */
html#XF body .menu.menu--medium.is-active:has(.g6m-login-hero),
html#XF body .menu.g6m-login-dropdown.is-active,
html body .menu.menu--medium.is-active:has(.g6m-login-hero),
html body .menu.g6m-login-dropdown.is-active {
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	right: auto !important;
	bottom: auto !important;
	transform: translate(-50%, -50%) !important;
	box-sizing: border-box !important;
	width: min(var(--g6m487-w), calc(100vw - 24px)) !important;
	max-width: calc(100vw - 24px) !important;
	min-width: 0 !important;
	height: auto !important;
	max-height: min(92vh, 780px) !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
	border-radius: 12px !important;
	border: 1px solid rgba(255, 47, 174, 0.28) !important;
	background:
		radial-gradient(120% 90% at 12% -10%, rgba(255, 47, 174, 0.14) 0%, transparent 42%),
		radial-gradient(100% 80% at 100% 0%, rgba(139, 61, 255, 0.12) 0%, transparent 45%),
		radial-gradient(90% 70% at 50% 110%, rgba(0, 212, 255, 0.07) 0%, transparent 50%),
		linear-gradient(180deg, #14111c 0%, var(--g6m487-bg) 55%, #09070e 100%) !important;
	background-color: var(--g6m487-bg) !important;
	box-shadow:
		0 28px 64px rgba(0, 0, 0, 0.55),
		0 0 0 1px rgba(255, 255, 255, 0.04) inset,
		0 0 40px rgba(139, 61, 255, 0.1) !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	z-index: 10060 !important;
	font-size: 0.9375rem !important;
	line-height: 1.45 !important;
	color: var(--g6m487-ink) !important;
	scrollbar-width: thin !important;
	animation: g6mLoginModalIn 200ms var(--g6m487-ease) both !important;
}

@keyframes g6mLoginModalIn {
	from {
		opacity: 0;
		transform: translate(-50%, calc(-50% + 8px));
	}
	to {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}

html#XF body .menu.g6m-login-dropdown > .menu-arrow,
html#XF body .menu.menu--medium:has(.g6m-login-hero) > .menu-arrow,
html body .menu.g6m-login-dropdown > .menu-arrow {
	display: none !important;
}

html#XF body .menu.g6m-login-dropdown .menu-content,
html#XF body .menu.menu--medium:has(.g6m-login-hero) .menu-content,
html body .menu.g6m-login-dropdown .menu-content {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	max-height: none !important;
	overflow: visible !important;
	padding: 0 !important;
}

/* —— Header / hero —— */
html#XF body .menu.g6m-login-dropdown .g6m-login-hero,
html#XF body .menu.menu--medium:has(.g6m-login-hero) .g6m-login-hero,
html body .menu.g6m-login-dropdown .g6m-login-hero {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0.35rem !important;
	margin: 0 !important;
	padding: 1rem var(--g6m487-pad-x) 0.85rem !important;
	border-bottom: 1px solid var(--g6m487-line) !important;
	background: transparent !important;
	position: relative !important;
	text-align: left !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-hero__logo,
html#XF body .menu.menu--medium:has(.g6m-login-hero) .g6m-login-hero__logo,
html#XF[data-template="register_form"] body .menu.g6m-login-dropdown .g6m-login-hero__logo,
html#XF[data-template="login"] body .menu.g6m-login-dropdown .g6m-login-hero__logo,
html body .menu.g6m-login-dropdown .g6m-login-hero__logo {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	height: 28px !important;
	max-height: 28px !important;
	max-width: 168px !important;
	min-height: 28px !important;
	object-fit: contain !important;
	margin: 0 2.5rem 0.55rem 0 !important;
	padding: 0 !important;
	pointer-events: auto !important;
	filter: drop-shadow(0 0 10px rgba(255, 47, 174, 0.18));
}

html#XF body .menu.g6m-login-dropdown .g6m-login-hero__eyebrow,
html#XF body .menu.menu--medium:has(.g6m-login-hero) .g6m-login-hero__eyebrow,
html#XF[data-template="register_form"] body .menu.g6m-login-dropdown .g6m-login-hero__eyebrow,
html body .menu.g6m-login-dropdown .g6m-login-hero__eyebrow {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-hero__eyebrow::before,
html body .menu.g6m-login-dropdown .g6m-login-hero__eyebrow::before {
	content: none !important;
	display: none !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-hero__title,
html body .menu.g6m-login-dropdown .g6m-login-hero__title {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 1.35rem !important;
	font-weight: 750 !important;
	letter-spacing: 0.01em !important;
	line-height: 1.25 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	background: none !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-hero__brand,
html body .menu.g6m-login-dropdown .g6m-login-hero__brand {
	display: inline !important;
	color: var(--g6m487-pink) !important;
	-webkit-text-fill-color: var(--g6m487-pink) !important;
	background: none !important;
	filter: none !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-lead,
html body .menu.g6m-login-dropdown .g6m-login-lead {
	display: block !important;
	margin: 0.2rem 0 0 !important;
	max-width: 34ch !important;
	font-size: 0.875rem !important;
	line-height: 1.45 !important;
	font-weight: 400 !important;
	color: var(--g6m487-muted) !important;
}

/* Close — discreet square */
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__close,
html body .menu.g6m-login-dropdown .g6m-login-dd__close {
	position: absolute !important;
	top: 1rem !important;
	right: 1rem !important;
	z-index: 5 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 8px !important;
	background: rgba(255, 255, 255, 0.03) !important;
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 1.2rem !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	box-shadow: none !important;
	transition: border-color var(--g6m487-ease), background var(--g6m487-ease), color var(--g6m487-ease) !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__close:hover,
html body .menu.g6m-login-dropdown .g6m-login-dd__close:hover {
	border-color: rgba(255, 47, 174, 0.45) !important;
	background: rgba(255, 47, 174, 0.1) !important;
	color: #fff !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__close:focus-visible,
html body .menu.g6m-login-dropdown .g6m-login-dd__close:focus-visible {
	outline: 2px solid rgba(0, 212, 255, 0.7) !important;
	outline-offset: 2px !important;
}

/* —— Form body —— */
html#XF body .menu.g6m-login-dropdown > .blocks,
html body .menu.g6m-login-dropdown > .blocks {
	display: block !important;
	margin: 0 !important;
	padding: 0.95rem var(--g6m487-pad-x) 1.1rem !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

html#XF body .menu.g6m-login-dropdown .blocks > .block,
html#XF body .menu.g6m-login-dropdown form.block,
html#XF body .menu.g6m-login-dropdown .block-container,
html#XF body .menu.g6m-login-dropdown .block-body,
html body .menu.g6m-login-dropdown form.block,
html body .menu.g6m-login-dropdown .block-container {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}

html#XF body .menu.g6m-login-dropdown .formRow,
html body .menu.g6m-login-dropdown .formRow {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0.35rem !important;
	margin: 0 0 0.65rem !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	width: 100% !important;
}

html#XF body .menu.g6m-login-dropdown .formRow > dt,
html#XF body .menu.g6m-login-dropdown .formRow > dd,
html body .menu.g6m-login-dropdown .formRow > dt,
html body .menu.g6m-login-dropdown .formRow > dd {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !important;
	background: transparent !important;
	border: 0 !important;
}

/* Label row with forgot */
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__labelrow,
html body .menu.g6m-login-dropdown .g6m-login-dd__labelrow {
	display: flex !important;
	align-items: baseline !important;
	justify-content: space-between !important;
	gap: 0.75rem !important;
	width: 100% !important;
}

html#XF body .menu.g6m-login-dropdown .formRow-label,
html#XF body .menu.g6m-login-dropdown .formRow > dt,
html body .menu.g6m-login-dropdown .formRow-label {
	color: rgba(244, 242, 248, 0.72) !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	line-height: 1.3 !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Inputs */
html#XF body .menu.g6m-login-dropdown form.block .input,
html#XF body .menu.g6m-login-dropdown form.block input.input,
html body .menu.g6m-login-dropdown form.block .input {
	width: 100% !important;
	min-height: var(--g6m487-field-h) !important;
	height: var(--g6m487-field-h) !important;
	padding: 0 0.95rem !important;
	border-radius: var(--g6m487-field-r) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: var(--g6m487-field) !important;
	background-color: var(--g6m487-field) !important;
	color: var(--g6m487-ink) !important;
	-webkit-text-fill-color: var(--g6m487-ink) !important;
	caret-color: var(--g6m487-pink) !important;
	font-size: 0.9375rem !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	transition: border-color var(--g6m487-ease), box-shadow var(--g6m487-ease), background var(--g6m487-ease) !important;
}

html#XF body .menu.g6m-login-dropdown form.block .input:hover,
html body .menu.g6m-login-dropdown form.block .input:hover {
	border-color: rgba(139, 61, 255, 0.4) !important;
}

html#XF body .menu.g6m-login-dropdown form.block .input:focus,
html body .menu.g6m-login-dropdown form.block .input:focus {
	outline: none !important;
	border-color: rgba(0, 212, 255, 0.55) !important;
	background: #1c1930 !important;
	box-shadow: 0 0 0 3px rgba(139, 61, 255, 0.18) !important;
}

html#XF body .menu.g6m-login-dropdown form.block .input.is-error,
html#XF body .menu.g6m-login-dropdown .formRow--error .input,
html body .menu.g6m-login-dropdown .formRow--error .input {
	border-color: rgba(255, 90, 120, 0.7) !important;
	box-shadow: 0 0 0 2px rgba(255, 90, 120, 0.15) !important;
}

/* Password group */
html#XF body .menu.g6m-login-dropdown .inputGroup.inputGroup--joined,
html body .menu.g6m-login-dropdown .inputGroup.inputGroup--joined {
	display: flex !important;
	align-items: stretch !important;
	width: 100% !important;
	border-radius: var(--g6m487-field-r) !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: var(--g6m487-field) !important;
}

html#XF body .menu.g6m-login-dropdown .inputGroup .input,
html body .menu.g6m-login-dropdown .inputGroup .input {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

html#XF body .menu.g6m-login-dropdown .inputGroup:focus-within,
html body .menu.g6m-login-dropdown .inputGroup:focus-within {
	border-color: rgba(0, 212, 255, 0.55) !important;
	box-shadow: 0 0 0 3px rgba(139, 61, 255, 0.18) !important;
}

html#XF body .menu.g6m-login-dropdown .inputGroup-text,
html body .menu.g6m-login-dropdown .inputGroup-text {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 46px !important;
	width: 46px !important;
	min-width: 46px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: rgba(255, 255, 255, 0.55) !important;
}

html#XF body .menu.g6m-login-dropdown .iconic--hideShow,
html body .menu.g6m-login-dropdown .iconic--hideShow {
	color: rgba(180, 122, 255, 0.9) !important;
	-webkit-text-fill-color: rgba(180, 122, 255, 0.9) !important;
}

/* Forgot next to password label */
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__forgot,
html#XF body .menu.g6m-login-dropdown a.g6m-login-dd__forgot,
html body .menu.g6m-login-dropdown .g6m-login-dd__forgot {
	display: inline-block !important;
	margin: 0 !important;
	color: var(--g6m487-cyan) !important;
	font-size: 0.78rem !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__forgot:hover,
html body .menu.g6m-login-dropdown .g6m-login-dd__forgot:hover {
	color: #7ae8ff !important;
	text-decoration: underline !important;
}

/* Hide original forgot under field when relocated */
html#XF body .menu.g6m-login-dropdown .formRow--input > dd > a[href*="lost-password"]:not(.g6m-login-dd__forgot),
html body .menu.g6m-login-dropdown .formRow--input > dd > a[href*="lost-password"]:not(.g6m-login-dd__forgot) {
	display: none !important;
}

/* Captcha */
html#XF body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile) > dt,
html#XF body .menu.g6m-login-dropdown .formRow:has([data-xf-init="turnstile"]) > dt,
html#XF body .menu.g6m-login-dropdown .formRow[context="xf_login"] > dt,
html body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile) > dt {
	display: block !important;
	margin-bottom: 0.35rem !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__captcha-label,
html body .menu.g6m-login-dropdown .g6m-login-dd__captcha-label {
	display: block !important;
	margin: 0 0 0.4rem !important;
	color: rgba(244, 242, 248, 0.72) !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
}

html#XF body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile),
html#XF body .menu.g6m-login-dropdown .formRow:has([data-xf-init="turnstile"]),
html body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile) {
	margin: 0.1rem 0 1rem !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__captcha,
html#XF body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile) > dd,
html#XF body .menu.g6m-login-dropdown .formRow:has([data-xf-init="turnstile"]) > dd,
html body .menu.g6m-login-dropdown .g6m-login-dd__captcha {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 0.65rem 0.55rem !important;
	margin: 0 !important;
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid var(--g6m487-line) !important;
	border-radius: var(--g6m487-field-r) !important;
	box-shadow: none !important;
	color-scheme: dark !important;
}

html#XF body .menu.g6m-login-dropdown .cf-turnstile,
html#XF body .menu.g6m-login-dropdown [data-xf-init="turnstile"],
html body .menu.g6m-login-dropdown .cf-turnstile {
	display: flex !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	background: transparent !important;
	border: 0 !important;
	overflow: hidden !important;
	color-scheme: dark !important;
}

html#XF body .menu.g6m-login-dropdown .cf-turnstile iframe,
html body .menu.g6m-login-dropdown .cf-turnstile iframe {
	max-width: 100% !important;
	border: 0 !important;
}

/* Remember */
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__meta,
html body .menu.g6m-login-dropdown .g6m-login-dd__meta {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0.5rem !important;
	width: 100% !important;
	margin: 0 0 1rem !important;
	padding: 0 !important;
}

html#XF body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow),
html body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.55rem !important;
	color: var(--g6m487-muted) !important;
	font-size: 0.875rem !important;
	cursor: pointer !important;
}

html#XF body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input + i,
html body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input + i {
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	border-radius: 5px !important;
	border: 1.5px solid rgba(255, 47, 174, 0.55) !important;
	background-color: rgba(8, 6, 14, 0.9) !important;
	background-image: none !important;
	position: relative !important;
}

html#XF body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input:checked + i,
html body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input:checked + i {
	border-color: transparent !important;
	background-color: var(--g6m487-pink) !important;
	background-image: linear-gradient(135deg, #ff2fae, #7a3cff) !important;
}

html#XF body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input:checked + i::after,
html body .menu.g6m-login-dropdown form.block label.iconic:not(.iconic--hideShow) > input:checked + i::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 5px !important;
	top: 2px !important;
	width: 5px !important;
	height: 9px !important;
	border: solid #fff !important;
	border-width: 0 2px 2px 0 !important;
	transform: rotate(45deg) !important;
	background: none !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-remember-sub,
html body .menu.g6m-login-dropdown .g6m-login-remember-sub {
	display: none !important;
}

/* Primary CTA */
html#XF body .menu.g6m-login-dropdown .formSubmitRow,
html#XF body .menu.g6m-login-dropdown .formSubmitRow-main,
html#XF body .menu.g6m-login-dropdown .formSubmitRow-controls,
html body .menu.g6m-login-dropdown .formSubmitRow {
	display: block !important;
	width: 100% !important;
	margin: 0.1rem 0 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

html#XF body .menu.g6m-login-dropdown .formSubmitRow-bar,
html#XF body .menu.g6m-login-dropdown .formSubmitRow > dt,
html body .menu.g6m-login-dropdown .formSubmitRow-bar {
	display: none !important;
}

html#XF body .menu.g6m-login-dropdown .formSubmitRow .button--primary,
html#XF body .menu.g6m-login-dropdown .button.button--primary.button--icon--login,
html body .menu.g6m-login-dropdown .formSubmitRow .button--primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.45rem !important;
	width: 100% !important;
	min-height: var(--g6m487-btn-h) !important;
	height: var(--g6m487-btn-h) !important;
	margin: 0 !important;
	padding: 0 1rem !important;
	border: 0 !important;
	border-radius: var(--g6m487-field-r) !important;
	background: linear-gradient(115deg, #ff2fae 0%, #b0189e 42%, #7a3cff 100%) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 750 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	box-shadow: 0 10px 28px rgba(255, 47, 174, 0.22) !important;
	transition: filter var(--g6m487-ease), box-shadow var(--g6m487-ease), transform 120ms ease !important;
}

html#XF body .menu.g6m-login-dropdown .formSubmitRow .button--primary:hover,
html body .menu.g6m-login-dropdown .formSubmitRow .button--primary:hover {
	filter: brightness(1.08) !important;
	box-shadow: 0 12px 32px rgba(255, 47, 174, 0.3) !important;
}

html#XF body .menu.g6m-login-dropdown .formSubmitRow .button--primary:active,
html body .menu.g6m-login-dropdown .formSubmitRow .button--primary:active {
	transform: translateY(1px) !important;
	filter: brightness(0.96) !important;
}

html#XF body .menu.g6m-login-dropdown .formSubmitRow .button--primary:focus-visible,
html body .menu.g6m-login-dropdown .formSubmitRow .button--primary:focus-visible {
	outline: 2px solid rgba(0, 212, 255, 0.75) !important;
	outline-offset: 2px !important;
}

html#XF body .menu.g6m-login-dropdown .formSubmitRow .button--primary.is-loading,
html body .menu.g6m-login-dropdown .formSubmitRow .button--primary.is-loading {
	opacity: 0.78 !important;
	pointer-events: none !important;
}

html#XF body .menu.g6m-login-dropdown .formSubmitRow .button--primary .button-text,
html body .menu.g6m-login-dropdown .formSubmitRow .button--primary .button-text {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

html#XF body .menu.g6m-login-dropdown .formSubmitRow .button--primary.button--icon,
html#XF body .menu.g6m-login-dropdown .formSubmitRow .button--primary.button--icon--login,
html body .menu.g6m-login-dropdown .formSubmitRow .button--primary.button--icon--login {
	background-image: linear-gradient(115deg, #ff2fae 0%, #b0189e 42%, #7a3cff 100%) !important;
}

html#XF body .menu.g6m-login-dropdown .formSubmitRow .button--primary.button--icon::before,
html#XF body .menu.g6m-login-dropdown .formSubmitRow .button--primary.button--icon--login::before,
html#XF body .menu.g6m-login-dropdown .formSubmitRow .button--primary .button-icon,
html body .menu.g6m-login-dropdown .formSubmitRow .button--primary.button--icon::before {
	display: none !important;
	content: none !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

/* Flatten captcha chrome */
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__captcha,
html#XF body .menu.g6m-login-dropdown .formRow:has(.cf-turnstile) > dd,
html body .menu.g6m-login-dropdown .g6m-login-dd__captcha {
	padding: 0.35rem 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Separator + register */
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__sep,
html body .menu.g6m-login-dropdown .g6m-login-dd__sep {
	display: flex !important;
	align-items: center !important;
	gap: 0.85rem !important;
	margin: 1.15rem 0 0.95rem !important;
	color: rgba(220, 214, 232, 0.45) !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: lowercase !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__sep::before,
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__sep::after,
html body .menu.g6m-login-dropdown .g6m-login-dd__sep::before,
html body .menu.g6m-login-dropdown .g6m-login-dd__sep::after {
	content: "" !important;
	flex: 1 1 auto !important;
	height: 1px !important;
	background: rgba(255, 255, 255, 0.1) !important;
}

html#XF body .menu.g6m-login-dropdown .block-outer,
html#XF body .menu.g6m-login-dropdown .block-outer-middle,
html body .menu.g6m-login-dropdown .block-outer-middle {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	background: transparent !important;
	border: 0 !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__register,
html body .menu.g6m-login-dropdown .g6m-login-dd__register {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__register-hint,
html body .menu.g6m-login-dropdown .g6m-login-dd__register-hint {
	display: block !important;
	margin: 0 0 0.35rem !important;
	color: var(--g6m487-muted) !important;
	font-size: 0.84rem !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__register a,
html#XF body .menu.g6m-login-dropdown .block-outer-middle > a.button,
html#XF body .menu.g6m-login-dropdown .g6m-login-dd__register .button,
html body .menu.g6m-login-dropdown .g6m-login-dd__register a {
	display: inline !important;
	width: auto !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	color: var(--g6m487-pink) !important;
	-webkit-text-fill-color: var(--g6m487-pink) !important;
	font-family: Rajdhani, "Segoe UI", sans-serif !important;
	font-size: 0.95rem !important;
	font-weight: 750 !important;
	letter-spacing: 0.02em !important;
	text-transform: none !important;
	text-decoration: none !important;
}

html#XF body .menu.g6m-login-dropdown .g6m-login-dd__register a:hover,
html#XF body .menu.g6m-login-dropdown .block-outer-middle > a.button:hover,
html body .menu.g6m-login-dropdown .g6m-login-dd__register a:hover {
	color: #ff6bc5 !important;
	-webkit-text-fill-color: #ff6bc5 !important;
	text-decoration: underline !important;
	filter: none !important;
	transform: none !important;
}

html#XF body .menu.g6m-login-dropdown .block-outer-middle > a.button .button-text,
html body .menu.g6m-login-dropdown .g6m-login-dd__register .button-text {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
	text-transform: none !important;
}

/* Hide OAuth heap in dropdown modal for cleaner hierarchy (still on /forum/login) */
html#XF body .menu.g6m-login-dropdown .blocks > .block:not(form),
html body .menu.g6m-login-dropdown .blocks > .block:not(form) {
	display: none !important;
}

html#XF body .menu.g6m-login-dropdown .listHeap,
html body .menu.g6m-login-dropdown .listHeap {
	display: none !important;
}

/* Errors */
html#XF body .menu.g6m-login-dropdown .blockMessage--error,
html#XF body .menu.g6m-login-dropdown .blockStatus--error,
html body .menu.g6m-login-dropdown .blockMessage--error {
	margin: 0 0 0.9rem !important;
	padding: 0.7rem 0.85rem !important;
	border-radius: 10px !important;
	border: 1px solid rgba(255, 90, 120, 0.35) !important;
	background: rgba(255, 60, 90, 0.1) !important;
	color: #ffd0da !important;
	font-size: 0.86rem !important;
}

/* —— Responsive —— */
@media (max-width: 1024px) {
	html#XF body .menu.g6m-login-dropdown.is-active,
	html body .menu.g6m-login-dropdown.is-active {
		--g6m487-w: 420px;
	}
}

@media (max-width: 768px) {
	html#XF body .menu.g6m-login-dropdown.is-active,
	html body .menu.g6m-login-dropdown.is-active {
		width: calc(100vw - 24px) !important;
		max-width: calc(100vw - 24px) !important;
		max-height: min(92vh, 860px) !important;
		--g6m487-pad-x: 1.15rem;
		--g6m487-pad-y: 1.1rem;
		border-radius: 12px !important;
	}

	html#XF body .menu.g6m-login-dropdown .g6m-login-hero__title,
	html body .menu.g6m-login-dropdown .g6m-login-hero__title {
		font-size: 1.2rem !important;
		padding-right: 2rem !important;
	}

	html#XF body .menu.g6m-login-dropdown .g6m-login-hero__logo,
	html body .menu.g6m-login-dropdown .g6m-login-hero__logo {
		height: 24px !important;
		max-width: 140px !important;
	}
}

@media (max-width: 390px) {
	html#XF body .menu.g6m-login-dropdown.is-active,
	html body .menu.g6m-login-dropdown.is-active {
		width: calc(100vw - 16px) !important;
		max-width: calc(100vw - 16px) !important;
		--g6m487-pad-x: 1rem;
		--g6m487-field-h: 46px;
		--g6m487-btn-h: 46px;
	}

	html#XF body .menu.g6m-login-dropdown .g6m-login-dd__labelrow,
	html body .menu.g6m-login-dropdown .g6m-login-dd__labelrow {
		flex-wrap: wrap !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	html#XF body .menu.g6m-login-dropdown.is-active,
	html body .menu.g6m-login-dropdown.is-active,
	html#XF body .g6m-login-dd__backdrop {
		animation: none !important;
		transition: none !important;
	}
}