:root {
	--pw-login-accent:#38bbcc;
	--pw-login-accent-hover:#2bb6c1;
	--pw-login-pink:#ff4fd8;
	--pw-login-bg:#050607;
	--pw-login-panel:#0b1220;
	--pw-login-card-bg:rgba(255,255,255,.96);
	--pw-login-card-border:rgba(2,6,23,.12);
	--pw-login-text:#0f172a;
	--pw-login-muted:rgba(15,23,42,.66);
	--pw-login-radius:16px;
	--pw-login-radius-sm:12px;
	--pw-login-shadow:0 22px 70px rgba(0,0,0,.55);
	--pw-login-focus:rgba(56,187,204,.28);
	--pw-login-font:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"
}
body.login {
	padding:0!important;
	margin:0!important;
	min-height:100vh;
	font-family:var(--pw-login-font);
	background:radial-gradient(circle at 15% 20%,rgba(255,79,216,.10),transparent 55%),radial-gradient(circle at 80% 80%,rgba(56,187,204,.10),transparent 60%),var(--pw-login-bg)!important
}
.pw-login-skip {
	position:fixed;
	left:12px;
	top:12px;
	z-index:999999;
	padding:10px 12px;
	border-radius:12px;
	background:#ffffff;
	color:#0f172a;
	text-decoration:none;
	font-weight:700;
	box-shadow:0 12px 40px rgba(0,0,0,.35);
	transform:translateY(-160%);
	transition:transform .18s ease
}
.pw-login-skip:focus {
	transform:translateY(0);
	outline:3px solid rgba(56,187,204,.45);
	outline-offset:2px
}
.pw-login-shell {
	min-height:100vh;
	position:relative;
	z-index:1
}
.pw-login-grid {
	min-height:100vh;
	display:grid;
	grid-template-columns:minmax(340px,1.05fr) minmax(360px,.95fr)
}
.pw-login-left {
	position:relative;
	overflow:hidden;
	padding:clamp(26px,4vw,56px);
	display:flex;
	justify-content:center
}
.pw-login-left::before {
	content:"";
	position:absolute;
	inset:0;
	background:url("./media/pw-login-art.svg") center/cover no-repeat;
	opacity:1
}
.pw-login-left::after {
	content:"";
	position:absolute;
	inset:0;
	background-image:url("./media/pw-login-grid.svg");
	background-size:96px 96px;
	opacity:.75;
	mix-blend-mode:overlay;
	pointer-events:none
}
.pw-login-left__inner {
	position:relative;
	z-index:1;
	max-width:560px;
	display:flex;
	flex-direction:column;
	gap:18px;
	color:#e5e7eb
}
.pw-login-left__content {
	flex:1 1 auto;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:18px
}
.pw-login-brand {
	display:flex;
	gap:14px;
	align-items:center
}
.pw-login-brand__mark {
	width:44px;
	height:44px;
	border-radius:14px;
	background:url("./media/pw-login-mark.svg") center/contain no-repeat;
	filter:drop-shadow(0 16px 40px rgba(0,0,0,.45));
	flex:0 0 auto
}
.pw-login-brand__name {
	font-weight:900;
	font-size:20px;
	letter-spacing:.2px;
	line-height:1;
	color:#fff
}
.pw-login-brand__tag {
	margin-top:4px;
	font-size:12px;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:rgba(226,232,240,.80)
}
.pw-login-claim {
	font-size:clamp(22px,2.4vw,34px);
	font-weight:900;
	line-height:1.1;
	color:#fff;
	margin-top:8px
}
.pw-login-sub {
	font-size:14px;
	line-height:1.55;
	color:rgba(226,232,240,.86);
	max-width:58ch
}
.pw-login-usps {
	margin:6px 0 0;
	padding:0;
	list-style:none;
	display:grid;
	gap:12px
}
.pw-login-usp {
	display:flex;
	gap:10px;
	align-items:flex-start;
	padding:12px 12px;
	border-radius:14px;
	border:1px solid rgba(255,255,255,.12);
	background:rgba(0,0,0,.22);
	-webkit-backdrop-filter:blur(6px);
	backdrop-filter:blur(6px)
}
.pw-login-usp .pw-usp-icon {
	color:rgba(255,255,255,.92);
	margin-top:2px;
	flex:0 0 auto
}
.pw-login-usp strong {
	display:block;
	font-size:14px;
	color:#f8fafc;
	margin:0 0 2px
}
.pw-login-usp span {
	display:block;
	font-size:13px;
	line-height:1.35;
	color:rgba(226,232,240,.82)
}
.pw-login-meta {
	padding-top:16px;
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	font-size:13px;
	color:rgba(226,232,240,.78)
}
.pw-login-meta a {
	color:rgba(226,232,240,.92);
	text-decoration:none
}
.pw-login-meta a:hover {
	text-decoration:underline
}
.pw-login-meta__sep {
	opacity:.6
}
.pw-login-right {
	position:relative;
	padding:clamp(22px,3.6vw,64px);
	display:flex;
	align-items:center;
	justify-content:center
}
.pw-login-right::before {
	content:"";
	position:fixed;
	top:0px;
	bottom:0px;
	inset:0;
	background:radial-gradient(circle at 20% 10%,rgba(56,187,204,.12),transparent 55%),radial-gradient(circle at 70% 90%,rgba(255,79,216,.10),transparent 60%);
	opacity:1
}
.pw-login-right__inner {
	position:relative;
	z-index:1;
	width:min(440px,100%)
}
body.login #login,body.login .wpml-login-ls {
	position:relative;
	z-index:2
}
body.login #login {
	width:100%;
	margin:0;
	padding:0
}
body.login #login h1 {
	margin:0 0 18px;
	padding-top:25px;
}
body.login #login h1 a {
	background-image:url("./media/pw-login-mark.svg")!important;
	background-size:contain!important;
	background-repeat:no-repeat!important;
	background-position:center!important;
	width:64px!important;
	height:64px!important;
	margin:0 auto!important;
	padding:0!important
}
body.login #login form {
	background:var(--pw-login-card-bg);
	border:1px solid var(--pw-login-card-border);
	border-radius:var(--pw-login-radius);
	box-shadow:var(--pw-login-shadow);
	padding:22px 22px 18px
}
body.login #login label {
	color:var(--pw-login-text)
}
body.login #login .input,body.login #login input[type="text"],body.login #login input[type="password"],body.login #login input[type="email"] {
	border-radius:var(--pw-login-radius-sm);
	border:1px solid rgba(2,6,23,.18);
	background:#fff;
	padding:10px 12px;
	font-size:14px;
	box-shadow:none
}
body.login #login .input:focus,body.login #login input[type="text"]:focus,body.login #login input[type="password"]:focus,body.login #login input[type="email"]:focus {
	border-color:var(--pw-login-accent);
	box-shadow:0 0 0 3px var(--pw-login-focus);
	outline:none
}
body.login #loginform p.forgetmenot {
	margin:10px 0 0
}
body.login #loginform p.forgetmenot label {
	color:var(--pw-login-muted)
}
body.login .wp-core-ui .button {
	border-radius:var(--pw-login-radius-sm)
}
body.login .wp-core-ui .button-primary {
	background:var(--pw-login-accent);
	border-color:var(--pw-login-accent);
	color:#fff;
	text-shadow:none;
	box-shadow:none
}
body.login .wp-core-ui .button-primary:hover,body.login .wp-core-ui .button-primary:focus {
	background:var(--pw-login-accent-hover);
	border-color:var(--pw-login-accent-hover);
	color:#fff
}
body.login .wp-core-ui .button-primary:focus {
	box-shadow:0 0 0 3px var(--pw-login-focus)
}
body.login #login .button-primary {
	float:none!important
}
body.login #login p.submit {
	margin-top:14px
}
body.login #login p.submit .button,body.login #login p.submit input[type="submit"] {
	width:100%;
	min-height:44px;
	font-weight:700
}
body.login .g-recaptcha {
	margin:14px 0 0
}
@media (max-width:420px) {
	body.login .g-recaptcha {
		transform:scale(.92);
		transform-origin:0 0
	}
}
body.login #loginform {
	display:flex;
	flex-direction:column
}
body.login #loginform>p,body.login #loginform>div {
	order:10
}
body.login #loginform p:nth-of-type(1) {
	order:10
}
body.login #loginform p:nth-of-type(2) {
	order:20
}
body.login #loginform .g-recaptcha {
	order:30
}
body.login #loginform p.forgetmenot {
	order:40
}
body.login #loginform p.submit {
	order:50
}
body.login #loginform .pw-alt-actions {
	order:60;
	margin-top:10px
}
body.login #loginform .pw-alt-actions #pw-submit {
	display:none!important
}
body.login #loginform .pw-alt-actions .pw-or {
	display:none!important
}
body.login #loginform .pw-alt-actions #pw-magic-login-link {
	display:block;
	width:100%;
	text-align:center;
	min-height:44px;
	line-height:44px;
	padding:0 12px;
	background:transparent!important;
	border:1px solid var(--pw-login-accent)!important;
	color:var(--pw-login-accent)!important;
	font-weight:800;
	text-decoration:none!important;
	border-radius:var(--pw-login-radius-sm)
}
body.login #loginform .pw-alt-actions #pw-magic-login-link:hover,body.login #loginform .pw-alt-actions #pw-magic-login-link:focus {
	background:rgba(56,187,204,.10)!important;
	border-color:var(--pw-login-accent-hover)!important;
	color:var(--pw-login-accent-hover)!important
}
body.login #loginform .pw-alt-actions #pw-magic-login-link:focus {
	box-shadow:0 0 0 3px var(--pw-login-focus)!important;
	outline:none
}
body.login #login_error,body.login .message,body.login .success {
	background:rgba(255,255,255,.95);
	border:1px solid rgba(2,6,23,.12);
	border-left:4px solid rgba(56,187,204,.9);
	border-radius:var(--pw-login-radius);
	box-shadow:0 10px 35px rgba(0,0,0,.35);
	padding:12px 14px;
	color:var(--pw-login-text)
}
body.login #login_error {
	border-left-color:#ef4444
}
body.login .message.error {
	border-left-color:#ef4444
}
body.login .success {
	border-left-color:#22c55e
}
body.login #nav,body.login #backtoblog,body.login .privacy-policy-page-link {
	text-align:center
}
body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-page-link a {
	color:rgba(255,255,255,.90)!important;
	text-decoration:none;
	opacity:.86
}
body.login #nav a:hover,body.login #backtoblog a:hover,body.login .privacy-policy-page-link a:hover {
	opacity:1;
	text-decoration:underline
}
body.login .wpml-login-ls {
	width:100%;
	margin:14px 0 0;
	padding:0 0 18px;
	text-align:center
}
body.login .wpml-login-ls select {
	border-radius:var(--pw-login-radius-sm);
	min-height:40px
}
body.login.pw-magic-context #login #loginform {
	display:none!important
}
body.login.pw-magic-context #login #magicloginform {
	display:block!important
}
body.login.pw-magic-context #login #nav {
	display:none!important
}
@media (max-width:980px) {
	.pw-login-grid {
		grid-template-columns:1fr
	}
	.pw-login-left {
		padding:24px
	}
	.pw-login-right {
		align-items:flex-start;
		padding:18px 20px 44px
	}
	.pw-login-left__inner {
		max-width:none
	}
	.pw-login-left__content {
		justify-content:flex-start
	}
	.pw-login-meta {
		margin-top:14px
	}
}
@media (prefers-reduced-motion:reduce) {
	.pw-login-skip {
		transition:none
	}
}
#pw-login-loader {
	position:fixed;
	inset:0;
	z-index:999999;
	display:none;
	align-items:center;
	justify-content:center;
	padding:24px;
	background:rgba(0,0,0,.55);
	-webkit-backdrop-filter:blur(2px);
	backdrop-filter:blur(2px)
}
body.pw-login-loading #pw-login-loader {
	display:flex
}
#pw-login-loader .pw-login-loader-card {
	display:flex;
	align-items:center;
	gap:12px;
	min-width:240px;
	max-width:92vw;
	padding:16px 18px;
	background:rgba(255,255,255,.95);
	border:1px solid rgba(0,0,0,.10);
	border-radius:var(--pw-login-radius);
	box-shadow:0 14px 50px rgba(0,0,0,.55);
	color:var(--pw-login-text)
}
#pw-login-loader .pw-login-loader-text {
	font-size:13px;
	line-height:1.2
}
#pw-login-loader .pw-login-loader-text strong {
	display:block;
	font-size:13px;
	margin:0 0 2px
}
#pw-login-loader .pw-login-loader-sub {
	color:var(--pw-login-muted);
	font-size:12px
}
#pw-login-loader svg .spinner {
	transform-origin:25px 25px;
	stroke-dasharray:1,200;
	stroke-dashoffset:0;
	animation:pw-login-rotate 1.1s linear infinite,pw-login-dash 1.5s ease-in-out infinite
}
@keyframes pw-login-rotate {
	100% {
		transform:rotate(360deg)
	}
}
@keyframes pw-login-dash {
	0% {
		stroke-dasharray:1,200;
		stroke-dashoffset:0
	}
	50% {
		stroke-dasharray:90,200;
		stroke-dashoffset:-35
	}
	100% {
		stroke-dasharray:1,200;
		stroke-dashoffset:-125
	}
}
@media (prefers-reduced-motion:reduce) {
	#pw-login-loader svg .spinner {
		animation:none
	}
}