:root {
	--pw-login-bg:none;
	--pw-login-mark:url("media/pw-login-mark.svg");
	--pw-login-logo:url("media/pw-login-logo-header.png");
}
body.login {
	background-color:#050607;
	background-image:radial-gradient(circle at 15% 20%,rgba(255,79,216,.18),transparent 55%),radial-gradient(circle at 80% 80%,rgba(56,187,204,.18),transparent 60%),linear-gradient(115deg,rgba(5,6,7,.70),rgba(11,18,32,.80)),var(--pw-login-bg);
	background-size:auto,auto,auto,cover;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
}
body.login .pw-login-brand__mark {
	background-image:var(--pw-login-mark);
}
body.login #login h1 a {
	background-image:var(--pw-login-logo);
	background-size:contain;
	background-repeat:no-repeat;
	width:260px;
	height:54px;
}
@media(max-width:980px) {
	body.login .pw-login-grid {
		min-height:auto;
		grid-template-areas:"right" "left";
	}
	body.login .pw-login-right {
		grid-area:right;
	}
	body.login .pw-login-left {
		grid-area:left;
		min-height:auto;
		padding-bottom:24px;
	}
	body.login .pw-login-left::after {
		display:none!important;
	}
}
body.login .pw-magic-help__step {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-weight:650;
	text-decoration:none;
	letter-spacing:0.01em;
	padding:10px 14px;
	border-radius:12px;
	border:1px solid rgba(255,255,255,0.28);
	background:rgba(255,255,255,0.12);
	color:#fff;
	box-shadow:0 1px 0 rgba(0,0,0,0.12);
}
body.login .pw-magic-help__step:hover {
	background:rgba(255,255,255,0.18);
}
body.login .pw-magic-help__step:active {
	transform:translateY(1px);
}
body.login .pw-magic-help__step:focus-visible {
	outline:3px solid rgba(255,255,255,0.92);
	outline-offset:3px;
}
body.login-action-lostpassword .pw-login-right #nav a {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:10px 14px;
	border-radius:12px;
	border:1px solid rgba(11,16,32,0.16);
	background:rgba(255,255,255,0.92);
	color:rgba(11,16,32,0.92);
	text-decoration:none;
	box-shadow:0 1px 0 rgba(0,0,0,0.04);
}
body.login-action-lostpassword .pw-login-right #nav a:hover {
	background:#fff;
}
body.login-action-lostpassword .pw-login-right #nav a:active {
	transform:translateY(1px);
}
body.login-action-lostpassword .pw-login-right #nav a:focus-visible {
	outline:3px solid rgba(11,16,32,0.55);
	outline-offset:3px;
}
@media(prefers-reduced-motion:reduce) {
	body.login .pw-magic-help__step,body.login-action-lostpassword .pw-login-right #nav a {
		transition:none;
	}
	body.login .pw-magic-help__step:active,body.login-action-lostpassword .pw-login-right #nav a:active {
		transform:none;
	}
}
body.login .pw-login-left {
	align-items:center;
}
@media(max-width:980px) {
	body.login .pw-login-left {
		align-items:stretch;
	}
}
body.interim-login {
	background:#0b1020 !important;
	overflow-x:hidden !important;
	overflow-y: auto !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
body.interim-login::-webkit-scrollbar {
	width:0;
	height:0;
}
body.interim-login .pw-login-shell {
	padding:0px !important;
}
body.interim-login .pw-login-left {
	display:none !important;
}
body.interim-login .pw-login-grid {
	grid-template-columns:1fr !important;
	grid-template-areas:"right" !important;
	min-height:auto !important;
}
body.interim-login .pw-login-right {
	padding:16px !important;
}
body.interim-login .pw-login-right__inner {
	max-width:none !important;
}
body.interim-login #login {
	width:100% !important;
}
body.interim-login #login form {
	padding:18px 16px 14px !important;
}
body.interim-login #nav, body.interim-login #backtoblog, body.interim-login .privacy-policy-page-link, body.interim-login .language-switcher {
	display:none !important;
}
