/**
 * Play Island CMS login screen branding.
 */

body.login {
	background: radial-gradient(1200px 600px at 50% -10%, #1b1e52 0%, #0b0c22 60%);
}

body.login h1 a {
	background-position: center;
	background-repeat: no-repeat;
}

.login form {
	background: #14163f;
	border: 1px solid #2f3475;
	border-radius: 16px;
	box-shadow: 0 30px 70px -30px rgba(6, 5, 30, 0.8);
	color: #b9bdf0;
}

.login label {
	color: #b9bdf0;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
	background: #0b0c22;
	border: 1px solid #2f3475;
	border-radius: 10px;
	color: #ffffff;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
	border-color: #5b62f5;
	box-shadow: 0 0 0 2px rgba(91, 98, 245, 0.4);
	outline: none;
}

.wp-core-ui.login .button-primary,
.login .button-primary {
	background: linear-gradient(135deg, #5b62f5, #3f6bff);
	border: none;
	border-radius: 999px;
	box-shadow: 0 12px 30px -10px rgba(91, 98, 245, 0.6);
	text-shadow: none;
}

.login #nav a,
.login #backtoblog a {
	color: #8086c4;
}

.login #nav a:hover,
.login #backtoblog a:hover {
	color: #ffffff;
}

.login .message,
.login .success {
	background: #14163f;
	border-left-color: #5b62f5;
	color: #b9bdf0;
}