/* 8DX cinematic login page. */
body.dx-login-page-active {
	background: #040203;
}

body.dx-login-page-active .site-topbar,
body.dx-login-page-active .genre-strip,
body.dx-login-page-active .site-footer,
body.dx-login-page-active .guest-preview {
	display: none !important;
}

body.dx-login-page-active .site-header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 50;
	border-bottom: 1px solid rgba(224, 178, 90, .12);
	background: linear-gradient(180deg, rgba(5, 2, 3, .92), rgba(5, 2, 3, .46) 72%, transparent);
	box-shadow: none;
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

body.dx-login-page-active.admin-bar .site-header {
	top: 32px;
}

body.dx-login-page-active .site-header__inner {
	grid-template-columns: auto minmax(0, 1fr) auto;
}

body.dx-login-page-active .header-search,
body.dx-login-page-active .search-toggle {
	display: none !important;
}

.dx-login,
.dx-login * {
	box-sizing: border-box;
}

.dx-login {
	--login-gold: #ddb15b;
	--login-gold-light: #ffe7ad;
	--login-red: #b31228;
	--login-red-light: #e72b49;
	--login-ink: #fff8ef;
	--login-muted: rgba(239, 224, 210, .67);
	position: relative;
	isolation: isolate;
	display: grid;
	place-items: center;
	min-height: 100svh;
	padding: clamp(126px, 12vw, 170px) 0 clamp(68px, 7vw, 104px);
	overflow: hidden;
	direction: rtl;
	color: var(--login-ink);
	background-color: #050203;
	background-image: var(--dx-login-image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.dx-login::before,
.dx-login::after {
	position: absolute;
	z-index: -4;
	content: "";
	pointer-events: none;
}

.dx-login::before {
	inset: 0;
	background:
		linear-gradient(90deg, rgba(3, 1, 2, .96) 0%, rgba(7, 2, 4, .78) 48%, rgba(4, 1, 2, .94) 100%),
		radial-gradient(circle at 75% 30%, rgba(176, 15, 43, .28), transparent 35%),
		linear-gradient(180deg, rgba(0, 0, 0, .14), rgba(0, 0, 0, .7));
}

.dx-login::after {
	inset: clamp(12px, 1.2vw, 22px);
	border: 1px solid rgba(221, 173, 77, .18);
	box-shadow: inset 0 0 80px rgba(0, 0, 0, .72);
}

.dx-login__backdrop {
	position: absolute;
	z-index: -3;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse at 26% 48%, rgba(177, 17, 44, .16), transparent 42%),
		radial-gradient(ellipse at 82% 78%, rgba(214, 163, 66, .09), transparent 34%),
		linear-gradient(180deg, transparent 58%, rgba(1, 0, 0, .68));
}

.dx-login__grain {
	position: absolute;
	z-index: 8;
	inset: 0;
	opacity: .11;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");
	mix-blend-mode: soft-light;
}

.dx-login__halo {
	position: absolute;
	z-index: -2;
	width: min(620px, 58vw);
	aspect-ratio: 1;
	border-radius: 50%;
	filter: blur(18px);
	pointer-events: none;
}

.dx-login__halo--red {
	top: -260px;
	right: -220px;
	background: radial-gradient(circle, rgba(196, 13, 47, .23), transparent 67%);
}

.dx-login__halo--gold {
	bottom: -360px;
	left: -190px;
	background: radial-gradient(circle, rgba(218, 169, 74, .13), transparent 68%);
}

.dx-login__film {
	position: absolute;
	z-index: -1;
	top: 9%;
	left: -90px;
	display: flex;
	gap: 20px;
	width: 430px;
	height: 70px;
	padding: 11px 24px;
	border-block: 1px solid rgba(221, 176, 86, .1);
	opacity: .55;
	transform: rotate(-11deg);
	pointer-events: none;
}

.dx-login__film i {
	flex: 0 0 58px;
	border: 1px solid rgba(221, 176, 86, .12);
	border-radius: 3px;
	background: rgba(255, 255, 255, .015);
}

.dx-login__shell {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(410px, 480px);
	align-items: center;
	gap: clamp(52px, 8vw, 120px);
	width: min(92vw, 1210px);
}

.dx-login__story {
	max-width: 610px;
	animation: dx-login-rise .72s both;
}

.dx-login__brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	margin-bottom: clamp(26px, 4vw, 48px);
}

.dx-login__logo .custom-logo-link,
.dx-login__logo .custom-logo {
	display: block;
}

.dx-login__logo .custom-logo {
	width: auto;
	max-width: 190px;
	max-height: 62px;
}

.dx-login__brand-mark {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border: 1px solid rgba(238, 195, 107, .72);
	border-radius: 16px 5px 16px 5px;
	color: #fff9ee;
	background: linear-gradient(145deg, #d9203d, #870918 62%, #4f050c);
	box-shadow: inset 0 1px rgba(255, 255, 255, .2), 0 15px 34px rgba(105, 4, 17, .38), 0 0 0 5px rgba(218, 170, 75, .05);
	font-family: Arial, sans-serif;
	font-size: 27px;
	font-weight: 900;
}

.dx-login__brand-copy {
	display: grid;
	gap: 4px;
	line-height: 1;
}

.dx-login__brand-copy strong {
	color: #fff8ec;
	font-family: Arial, sans-serif;
	font-size: 24px;
	font-weight: 950;
	letter-spacing: .08em;
}

.dx-login__brand-copy small {
	color: var(--login-gold);
	font-family: Arial, sans-serif;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .3em;
}

.dx-login__ornament {
	display: flex;
	align-items: center;
	gap: 11px;
	width: min(290px, 74%);
	margin-bottom: 18px;
}

.dx-login__ornament span {
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(226, 181, 90, .62));
}

.dx-login__ornament span:last-child {
	background: linear-gradient(90deg, rgba(226, 181, 90, .62), transparent);
}

.dx-login__ornament b {
	color: var(--login-gold);
	font-size: 9px;
	text-shadow: 0 0 16px rgba(221, 177, 91, .45);
}

.dx-login__kicker {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 14px;
	color: var(--login-gold-light);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .05em;
}

.dx-login__kicker i {
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--login-red-light);
	box-shadow: 0 0 11px rgba(231, 43, 73, .8);
}

.dx-login__story h1 {
	max-width: 680px;
	margin: 0 0 20px;
	color: #fffaf3;
	font-size: clamp(40px, 5.1vw, 70px);
	font-weight: 950;
	line-height: 1.14;
	letter-spacing: -.035em;
	text-wrap: balance;
	text-shadow: 0 16px 46px rgba(0, 0, 0, .62);
}

.dx-login__story h1 em {
	color: var(--login-gold-light);
	font-style: normal;
	text-shadow: 0 0 30px rgba(220, 174, 82, .13);
}

.dx-login__lead {
	max-width: 580px;
	margin: 0 0 30px;
	color: var(--login-muted);
	font-size: clamp(14px, 1.35vw, 17px);
	line-height: 1.95;
}

.dx-login__features {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 22px;
}

.dx-login__feature {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	min-height: 76px;
	padding: 12px 11px;
	border: 1px solid rgba(220, 173, 80, .14);
	border-radius: 8px;
	background: linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .008));
	box-shadow: inset 0 1px rgba(255, 255, 255, .025);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
}

.dx-login__feature > span {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(226, 179, 82, .28);
	border-radius: 50%;
	color: var(--login-gold-light);
	background: rgba(109, 8, 23, .28);
	font-family: Arial, sans-serif;
	font-size: 9px;
	font-weight: 900;
}

.dx-login__feature div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.dx-login__feature strong {
	color: #f8eee4;
	font-size: 11px;
	font-weight: 900;
}

.dx-login__feature small {
	color: rgba(235, 218, 202, .5);
	font-size: 8px;
	line-height: 1.55;
}

.dx-login__trust {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: rgba(235, 220, 205, .53);
	font-size: 10px;
	font-weight: 700;
}

.dx-login__trust > span {
	display: grid;
	place-items: center;
	width: 21px;
	height: 21px;
	border: 1px solid rgba(222, 177, 86, .28);
	border-radius: 50%;
	color: #f1c770;
	font-size: 10px;
}

.dx-login__card {
	position: relative;
	width: 100%;
	padding: clamp(26px, 3vw, 38px);
	overflow: hidden;
	border: 1px solid rgba(230, 186, 99, .32);
	border-radius: 13px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .07), transparent 25%),
		linear-gradient(160deg, rgba(23, 8, 11, .94), rgba(5, 2, 3, .965) 66%);
	box-shadow:
		inset 0 1px rgba(255, 255, 255, .08),
		0 34px 90px rgba(0, 0, 0, .54),
		0 0 0 6px rgba(104, 6, 19, .08),
		0 0 70px rgba(162, 13, 37, .12);
	-webkit-backdrop-filter: blur(22px) saturate(120%);
	backdrop-filter: blur(22px) saturate(120%);
	animation: dx-login-rise .72s .12s both;
}

.dx-login__card::before {
	position: absolute;
	top: 0;
	right: 12%;
	left: 12%;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, #f0c66f, transparent);
	opacity: .86;
}

.dx-login__card::after {
	position: absolute;
	right: -120px;
	bottom: -150px;
	width: 270px;
	height: 270px;
	border-radius: 50%;
	content: "";
	background: radial-gradient(circle, rgba(178, 17, 44, .17), transparent 68%);
	pointer-events: none;
}

.dx-login__card-shine {
	position: absolute;
	z-index: 0;
	top: -140%;
	left: -55%;
	width: 38%;
	height: 350%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .035), transparent);
	transform: rotate(17deg);
	pointer-events: none;
}

.dx-login__corners i {
	position: absolute;
	z-index: 2;
	width: 17px;
	height: 17px;
	border-color: rgba(235, 193, 107, .7);
	border-style: solid;
	pointer-events: none;
}

.dx-login__corners i:nth-child(1) { top: 8px; right: 8px; border-width: 1px 1px 0 0; }
.dx-login__corners i:nth-child(2) { top: 8px; left: 8px; border-width: 1px 0 0 1px; }
.dx-login__corners i:nth-child(3) { right: 8px; bottom: 8px; border-width: 0 1px 1px 0; }
.dx-login__corners i:nth-child(4) { bottom: 8px; left: 8px; border-width: 0 0 1px 1px; }

.dx-login__card > *:not(.dx-login__corners, .dx-login__card-shine) {
	position: relative;
	z-index: 1;
}

.dx-login__card-header {
	display: flex;
	align-items: center;
	gap: 15px;
}

.dx-login__lock {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	flex: 0 0 58px;
	border: 1px solid rgba(231, 186, 93, .4);
	border-radius: 50%;
	color: #f7cf78;
	background: linear-gradient(145deg, rgba(183, 18, 45, .34), rgba(50, 5, 12, .56));
	box-shadow: inset 0 1px rgba(255, 255, 255, .09), 0 10px 24px rgba(0, 0, 0, .22);
}

.dx-login__lock svg {
	width: 27px;
	height: 27px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.dx-login__card-header > div {
	display: grid;
	gap: 3px;
}

.dx-login__card-header span:not(.dx-login__lock) {
	color: rgba(231, 186, 93, .66);
	font-family: Arial, sans-serif;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .2em;
	direction: ltr;
}

.dx-login__card-header h2 {
	margin: 0;
	color: #fff8ee;
	font-size: clamp(22px, 2.2vw, 29px);
	font-weight: 950;
	line-height: 1.2;
}

.dx-login__divider {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 22px 0 19px;
}

.dx-login__divider span {
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(222, 177, 87, .22));
}

.dx-login__divider span:last-child {
	background: linear-gradient(90deg, rgba(222, 177, 87, .22), transparent);
}

.dx-login__divider b {
	color: rgba(225, 180, 88, .5);
	font-size: 7px;
}

.dx-login__intro {
	margin: 0 0 21px;
	color: rgba(239, 222, 207, .62);
	font-size: 12px;
	line-height: 1.8;
}

/* Ultimate Member: preserve behavior and replace only its presentation. */
.dx-login__form .um {
	max-width: none !important;
	margin: 0 !important;
	color: #f1e4d7 !important;
	opacity: 1 !important;
}

.dx-login__form .um-form {
	padding: 0 !important;
}

.dx-login__form .um-row {
	margin: 0 !important;
}

.dx-login__form .um-field {
	margin: 0 0 17px !important;
	padding-top: 0 !important;
}

.dx-login__form .um-field-label {
	margin: 0 0 8px !important;
	border: 0 !important;
	color: #f0dfcf !important;
}

.dx-login__form .um-field-label label,
.dx-login__form #loginform label {
	color: inherit !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	line-height: 1.5 !important;
}

.dx-login__form .um-field-area {
	position: relative;
}

.dx-login__form .um input[type="text"],
.dx-login__form .um input[type="email"],
.dx-login__form .um input[type="password"],
.dx-login__form #loginform input[type="text"],
.dx-login__form #loginform input[type="password"] {
	width: 100% !important;
	height: 54px !important;
	min-height: 54px !important;
	padding: 11px 15px !important;
	border: 1px solid rgba(225, 181, 93, .23) !important;
	border-radius: 7px !important;
	outline: 0 !important;
	color: #fff9ef !important;
	background: linear-gradient(180deg, rgba(2, 1, 1, .67), rgba(13, 4, 6, .72)) !important;
	box-shadow: inset 0 2px 12px rgba(0, 0, 0, .38), 0 1px rgba(255, 255, 255, .02) !important;
	font-size: 14px !important;
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.dx-login__form .um input[type="password"] {
	padding-left: 48px !important;
}

.dx-login__form .um input:focus,
.dx-login__form #loginform input:focus {
	border-color: rgba(233, 190, 100, .72) !important;
	background: rgba(12, 4, 6, .9) !important;
	box-shadow: inset 0 2px 12px rgba(0, 0, 0, .36), 0 0 0 3px rgba(220, 173, 78, .1), 0 0 20px rgba(170, 14, 39, .08) !important;
}

.dx-login__form input:-webkit-autofill,
.dx-login__form input:-webkit-autofill:hover,
.dx-login__form input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff9ef !important;
	box-shadow: inset 0 0 0 1000px #100507 !important;
	caret-color: #fff9ef;
}

.dx-login__form .um .um-form-field::placeholder,
.dx-login__form #loginform input::placeholder {
	color: rgba(238, 221, 205, .31) !important;
}

.dx-login__form .um-password-icon {
	left: 15px !important;
	color: #dcb15c !important;
	font-size: 20px !important;
	opacity: .76;
}

.dx-login__form .um-field-checkbox,
.dx-login__form .login-remember {
	margin: 2px 0 7px !important;
}

.dx-login__form .um-field-checkbox-option,
.dx-login__form .um-field-radio-option,
.dx-login__form .login-remember label {
	color: rgba(237, 220, 204, .65) !important;
	font-size: 11px !important;
}

.dx-login__form .um-icon-android-checkbox-outline-blank,
.dx-login__form .um-icon-android-checkbox-outline {
	color: #d8aa51 !important;
}

.dx-login__form input[type="checkbox"] {
	accent-color: #b31228;
}

.dx-login__form .um-col-alt {
	display: block !important;
	margin-top: 21px !important;
}

.dx-login__form .um-col-alt .um-left {
	float: none !important;
	width: 100% !important;
}

.dx-login__form .um-col-alt .um-right,
.dx-login__form .um-button.um-alt,
.dx-login__form .um-col-alt-b {
	display: none !important;
}

.dx-login__form input[type="submit"].um-button,
.dx-login__form .um-button:not(.um-alt),
.dx-login__form #wp-submit {
	position: relative;
	width: 100% !important;
	height: 54px !important;
	min-height: 54px !important;
	margin: 0 !important;
	padding: 0 24px !important;
	border: 1px solid #e5b85f !important;
	border-radius: 7px !important;
	color: #fffaf1 !important;
	background: linear-gradient(135deg, #e12845, #a30d25 52%, #690713) !important;
	box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 14px 32px rgba(119, 5, 23, .38), 0 0 0 4px rgba(203, 157, 65, .035) !important;
	font-size: 14px !important;
	font-weight: 950 !important;
	cursor: pointer;
	transition: transform .2s ease, filter .2s ease, box-shadow .2s ease !important;
}

.dx-login__form input[type="submit"].um-button:hover,
.dx-login__form input[type="submit"].um-button:focus,
.dx-login__form .um-button:not(.um-alt):hover,
.dx-login__form .um-button:not(.um-alt):focus,
.dx-login__form #wp-submit:hover,
.dx-login__form #wp-submit:focus {
	filter: brightness(1.12);
	transform: translateY(-2px);
	box-shadow: inset 0 1px rgba(255, 255, 255, .22), 0 18px 38px rgba(130, 6, 26, .48), 0 0 0 4px rgba(221, 174, 79, .06) !important;
}

.dx-login__form .um-field-error,
.dx-login__form .um-error-block,
.dx-login__form .um-notice.err {
	border: 1px solid rgba(255, 104, 125, .22) !important;
	border-radius: 7px !important;
	color: #ffe1e5 !important;
	background: rgba(128, 13, 34, .72) !important;
	box-shadow: 0 9px 22px rgba(0, 0, 0, .18) !important;
}

.dx-login__form .um-field-arrow {
	color: #801022 !important;
}

.dx-login__form .um-notice.success {
	border: 1px solid rgba(98, 211, 155, .22) !important;
	border-radius: 7px !important;
	color: #dffbed !important;
	background: rgba(21, 104, 68, .64) !important;
}

.dx-login__form #loginform p {
	margin: 0 0 17px;
}

.dx-login__help {
	margin-top: 17px;
}

.dx-login__help > a {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	min-height: 52px;
	padding: 8px 11px;
	border: 1px solid rgba(221, 176, 86, .13);
	border-radius: 7px;
	color: #f0e1d2;
	background: rgba(255, 255, 255, .018);
	text-decoration: none;
	transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.dx-login__help > a:hover,
.dx-login__help > a:focus-visible {
	border-color: rgba(229, 184, 94, .35);
	background: rgba(255, 255, 255, .035);
	transform: translateY(-1px);
}

.dx-login__help > a > span {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(224, 178, 86, .24);
	border-radius: 50%;
	color: #f1c771;
	background: rgba(105, 7, 21, .24);
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: 900;
}

.dx-login__help div {
	display: grid;
	gap: 2px;
}

.dx-login__help small {
	color: rgba(235, 216, 199, .46);
	font-size: 8px;
}

.dx-login__help strong {
	color: #e9c170;
	font-size: 11px;
}

.dx-login__help b {
	color: #dcb15c;
	font-size: 18px;
	transition: transform .2s ease;
}

.dx-login__help > a:hover b {
	transform: translateX(-3px);
}

.dx-login__card-footer {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 21px;
	padding-top: 17px;
	border-top: 1px solid rgba(223, 177, 87, .12);
}

.dx-login__card-footer > span {
	display: grid;
	place-items: center;
	width: 31px;
	height: 31px;
	flex: 0 0 31px;
	border-radius: 50%;
	color: #dcb45f;
	background: rgba(220, 177, 92, .07);
}

.dx-login__card-footer svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.45;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.dx-login__card-footer p {
	display: grid;
	gap: 2px;
	margin: 0;
}

.dx-login__card-footer strong {
	color: rgba(242, 226, 211, .72);
	font-size: 9px;
}

.dx-login__card-footer small {
	color: rgba(235, 216, 199, .38);
	font-size: 8px;
}

.dx-login__member-state {
	display: grid;
	justify-items: center;
	padding: 5px 0 2px;
	text-align: center;
}

.dx-login__avatar {
	width: 86px;
	height: 86px;
	margin-bottom: 13px;
	padding: 3px;
	border: 1px solid rgba(229, 185, 97, .45);
	border-radius: 50%;
	background: rgba(255, 255, 255, .035);
	box-shadow: 0 13px 32px rgba(0, 0, 0, .32);
}

.dx-login__avatar img {
	display: block;
	width: 78px;
	height: 78px;
	border-radius: 50%;
	object-fit: cover;
}

.dx-login__member-state > span {
	margin-bottom: 6px;
	color: #dcb45f;
	font-size: 9px;
	font-weight: 900;
}

.dx-login__member-state.is-pending > span {
	color: #ff9aa8;
}

.dx-login__member-state h3 {
	margin: 0 0 8px;
	color: #fff8ef;
	font-size: 23px;
}

.dx-login__member-state p {
	max-width: 350px;
	margin: 0 0 19px;
	color: rgba(238, 221, 205, .62);
	font-size: 12px;
	line-height: 1.8;
}

.dx-login__primary-link,
.dx-login__secondary-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 200px;
	min-height: 50px;
	padding: 10px 22px;
	border-radius: 7px;
	font-size: 12px;
	font-weight: 900;
	text-decoration: none;
}

.dx-login__primary-link {
	border: 1px solid #e4b75e;
	color: #fff8ed;
	background: linear-gradient(135deg, #df2542, #8e0a1e);
	box-shadow: 0 13px 30px rgba(119, 5, 23, .35);
}

.dx-login__secondary-link {
	border: 1px solid rgba(226, 181, 90, .25);
	color: #e6bd6a;
	background: rgba(255, 255, 255, .025);
}

.dx-login__back-home {
	position: absolute;
	z-index: 10;
	right: 50%;
	bottom: 24px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(239, 220, 203, .52);
	font-size: 10px;
	font-weight: 800;
	text-decoration: none;
	transform: translateX(50%);
	transition: color .2s ease;
}

.dx-login__back-home:hover,
.dx-login__back-home:focus-visible {
	color: #e7bf6d;
}

@keyframes dx-login-rise {
	from { opacity: 0; transform: translateY(18px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1040px) {
	.dx-login {
		padding-top: 124px;
	}

	.dx-login__shell {
		grid-template-columns: minmax(0, 1fr) minmax(370px, 445px);
		gap: 38px;
	}

	.dx-login__features {
		grid-template-columns: 1fr;
		max-width: 390px;
	}

	.dx-login__feature {
		min-height: 62px;
	}
}

@media (max-width: 820px) {
	body.dx-login-page-active.admin-bar .site-header {
		top: 46px;
	}

	body.dx-login-page-active .site-header__inner {
		grid-template-columns: auto minmax(0, 1fr) auto;
	}

	.dx-login {
		place-items: start center;
		min-height: 100svh;
		padding: 108px 0 76px;
		background-position: 62% center;
	}

	.dx-login::after {
		inset: 8px;
	}

	.dx-login__shell {
		grid-template-columns: 1fr;
		gap: 29px;
		width: min(92vw, 560px);
	}

	.dx-login__story {
		display: grid;
		justify-items: center;
		max-width: none;
		text-align: center;
	}

	.dx-login__brand {
		margin-bottom: 21px;
	}

	.dx-login__ornament {
		width: 230px;
		margin-bottom: 13px;
	}

	.dx-login__story h1 {
		margin-bottom: 14px;
		font-size: clamp(34px, 8.5vw, 50px);
	}

	.dx-login__lead {
		max-width: 490px;
		margin-bottom: 20px;
	}

	.dx-login__features {
		display: none;
	}

	.dx-login__trust {
		font-size: 9px;
	}

	.dx-login__card {
		padding: 28px;
	}

	.dx-login__film {
		top: 5%;
		left: -220px;
	}
}

@media (max-width: 520px) {
	body.dx-login-page-active .site-header__inner {
		height: 60px;
	}

	body.dx-login-page-active .site-nav {
		background: rgba(5, 2, 3, .98);
	}

	.dx-login {
		padding: 93px 0 68px;
	}

	.dx-login__shell {
		width: min(93vw, 440px);
		gap: 24px;
	}

	.dx-login__brand {
		min-height: 48px;
		margin-bottom: 13px;
	}

	.dx-login__logo .custom-logo {
		max-width: 145px;
		max-height: 48px;
	}

	.dx-login__brand-mark {
		width: 48px;
		height: 48px;
		font-size: 22px;
	}

	.dx-login__brand-copy strong {
		font-size: 20px;
	}

	.dx-login__ornament {
		display: none;
	}

	.dx-login__kicker {
		font-size: 9px;
	}

	.dx-login__story h1 {
		font-size: clamp(31px, 10vw, 41px);
		line-height: 1.18;
	}

	.dx-login__lead {
		margin-bottom: 13px;
		font-size: 12px;
		line-height: 1.8;
	}

	.dx-login__trust {
		font-size: 8px;
	}

	.dx-login__card {
		padding: 23px 18px;
		border-radius: 10px;
	}

	.dx-login__lock {
		width: 49px;
		height: 49px;
		flex-basis: 49px;
	}

	.dx-login__lock svg {
		width: 23px;
		height: 23px;
	}

	.dx-login__card-header h2 {
		font-size: 22px;
	}

	.dx-login__divider {
		margin: 18px 0 16px;
	}

	.dx-login__intro {
		font-size: 11px;
	}

	.dx-login__form .um input[type="text"],
	.dx-login__form .um input[type="email"],
	.dx-login__form .um input[type="password"],
	.dx-login__form #loginform input[type="text"],
	.dx-login__form #loginform input[type="password"],
	.dx-login__form input[type="submit"].um-button,
	.dx-login__form .um-button:not(.um-alt),
	.dx-login__form #wp-submit {
		height: 51px !important;
		min-height: 51px !important;
	}

	.dx-login__card-footer {
		margin-top: 18px;
	}

	.dx-login__back-home {
		bottom: 20px;
	}
}

@media (max-width: 360px) {
	.dx-login__card {
		padding-inline: 15px;
	}

	.dx-login__trust {
		letter-spacing: -.02em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dx-login__story,
	.dx-login__card {
		animation: none;
	}

	.dx-login *,
	.dx-login *::before,
	.dx-login *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

@media (forced-colors: active) {
	.dx-login__card,
	.dx-login__feature,
	.dx-login__help > a,
	.dx-login__form input,
	.dx-login__form .um-button {
		border: 1px solid CanvasText !important;
	}
}