/* Habillage de wp-login.php aux couleurs de Raymotions — mêmes variables que assets/css/frontend.css. */
body.login {
	background: #0a0712;
	background: radial-gradient(circle at 50% 0%, #1a0f2e 0%, #0a0712 60%);
	font-family: 'Montserrat', sans-serif;
}
body.login #login {
	width: 360px;
}
.login h1 a {
	background-image: url('../images/logo_raymotions_transparent.png');
	background-size: contain;
	width: 100%;
	height: 100px;
	margin-bottom: 10px;
}
.login form {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	box-shadow: none;
	backdrop-filter: blur(10px);
}
.login label {
	color: #e0dce8;
}
.login form .input,
.login input[type="text"],
.login input[type="password"] {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #e0dce8;
	box-shadow: none;
}
.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: #00D2FF;
	box-shadow: 0 0 0 1px #00D2FF;
}
.login .button-primary {
	background: linear-gradient(135deg, #8A239B, #FF2A85);
	border: none;
	text-shadow: none;
	box-shadow: none;
	border-radius: 4px;
}
.login .button-primary:hover,
.login .button-primary:focus {
	background: linear-gradient(135deg, #9b2cae, #ff4494);
	border: none;
}
.login #nav a,
.login #backtoblog a {
	color: #a9a2b8;
}
.login #nav a:hover,
.login #backtoblog a:hover {
	color: #00D2FF;
}
.login .message,
.login #login_error {
	background: rgba(255, 255, 255, 0.06);
	border-left: 4px solid #dba617;
	color: #e0dce8;
}
.login #login_error {
	border-left-color: #FF2A85;
}