/* Scents by Wintex — sign-in page. */
body.login {
	min-height: 100vh; display: flex; flex-direction: column; justify-content: center;
	background:
		radial-gradient(60% 50% at 50% 0%, rgb(201 168 107 / .22), transparent 70%),
		radial-gradient(50% 60% at 0% 100%, rgb(142 26 36 / .28), transparent 70%),
		radial-gradient(50% 60% at 100% 100%, rgb(35 71 184 / .2), transparent 70%),
		#110e0c;
	font-family: "Jost", -apple-system, "Segoe UI", system-ui, sans-serif;
	color: #efe7da;
}
body.login::before {
	content: ""; position: fixed; inset: 0; pointer-events: none;
	background: linear-gradient(110deg, transparent 35%, rgb(255 255 255 / .04) 48%, transparent 60%); background-size: 250% 100%;
	animation: sbw-login-sheen 10s ease-in-out infinite;
}
@keyframes sbw-login-sheen { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } }
#login { width: 380px; max-width: calc(100vw - 32px); padding: 0; margin: 0 auto; position: relative; z-index: 1; }
.login h1 a {
	width: 240px; height: 148px; margin: 0 auto 26px; background-size: contain; background-position: center; background-repeat: no-repeat;
	filter: drop-shadow(0 10px 30px rgb(201 168 107 / .25));
}
.login form {
	margin-top: 0; padding: 30px 30px 26px; border-radius: 20px;
	background: linear-gradient(160deg, rgb(255 255 255 / .07), rgb(255 255 255 / .02));
	border: 1px solid rgb(201 168 107 / .3); box-shadow: 0 40px 80px -40px rgb(0 0 0 / .9), inset 0 1px 0 rgb(255 255 255 / .08);
	backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
.login label { color: #cfc3b1; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; }
.login form .input, .login input[type="text"], .login input[type="password"], .login input[type="email"] {
	margin-top: 8px; min-height: 48px; padding: 6px 14px; font-size: 16px; border-radius: 12px;
	background: rgb(17 14 12 / .65); color: #efe7da; border: 1px solid rgb(255 255 255 / .16); box-shadow: none;
}
.login form .input:focus, .login input:focus { border-color: #c9a86b; box-shadow: 0 0 0 3px rgb(201 168 107 / .25); outline: none; }
.login .button.wp-hide-pw { color: #c9a86b; height: 48px; margin-top: 8px; }
.login .button.wp-hide-pw:focus { box-shadow: none; border-color: transparent; }
.login .forgetmenot label { text-transform: none; letter-spacing: .02em; font-size: 13px; }
.login input[type="checkbox"] { background: transparent; border-color: rgb(201 168 107 / .5); border-radius: 4px; }
.login input[type="checkbox"]:checked::before { filter: sepia(1) saturate(3); }
.login .button-primary, .wp-core-ui .button-primary {
	float: right; min-height: 44px; padding: 0 26px; border-radius: 999px; border: 0;
	background: linear-gradient(135deg, #b8955a, #e9d3a2 55%, #b8955a); color: #16120f; text-shadow: none;
	font-weight: 500; letter-spacing: .12em; text-transform: uppercase; font-size: 12px;
	box-shadow: 0 12px 30px -14px rgb(201 168 107 / .9); transition: transform .25s, box-shadow .25s;
}
.login .button-primary:hover, .login .button-primary:focus { background: linear-gradient(135deg, #c5a266, #f1deb2 55%, #c5a266); color: #16120f; transform: translateY(-1px); box-shadow: 0 16px 34px -14px rgb(201 168 107 / 1); }
.login #nav, .login #backtoblog { text-align: center; padding: 0; margin: 18px 0 0; }
.login #nav a, .login #backtoblog a, .login .privacy-policy-page-link a { color: #b8ab98; transition: color .2s; }
.login #nav a:hover, .login #backtoblog a:hover { color: #ecd9ad; }
.login .message, .login .notice, .login #login_error {
	border-radius: 12px; border: 1px solid rgb(201 168 107 / .3); border-left: 4px solid #c9a86b; background: rgb(255 255 255 / .05); color: #efe7da; box-shadow: none;
}
.login #login_error { border-left-color: #e7998a; }
.login .language-switcher { display: none; }
.sbw-login-foot { position: relative; z-index: 1; margin: 28px 0 0; text-align: center; font-family: "Cinzel", Georgia, serif; font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: rgb(201 168 107 / .7); }
@media (prefers-reduced-motion: reduce) { body.login::before { animation: none; } }