/*!
 * booty Theme Login Styles
 *
 * ARGIS neon styling for wp-login.php. Loaded via login_enqueue_scripts.
 * Text domain: booty. UTF-8 without BOM. No external requests. No emojis.
 */

body.login {
	background-color: #05010f;
	background-image:
		radial-gradient(1200px 700px at 15% -10%, rgba(168, 85, 247, 0.28), transparent 60%),
		radial-gradient(1100px 600px at 105% 5%, rgba(0, 255, 157, 0.2), transparent 55%),
		radial-gradient(900px 900px at 50% 120%, rgba(255, 0, 229, 0.2), transparent 60%);
	background-attachment: fixed;
	color: #dbf3ff;
}

body.login h1 a {
	background-size: contain;
	filter: drop-shadow(0 0 12px rgba(0, 255, 157, 0.55));
	opacity: 0.95;
	transition: filter 0.28s ease, opacity 0.28s ease;
}

body.login h1 a:hover,
body.login h1 a:focus {
	filter: drop-shadow(0 0 22px rgba(0, 255, 157, 0.95));
	opacity: 1;
}

.login label {
	color: #dbf3ff;
	font-size: 13px;
	letter-spacing: 0.01em;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	background-color: rgba(10, 1, 24, 0.6);
	border: 1px solid rgba(0, 255, 157, 0.3);
	border-radius: 8px;
	color: #eafff6;
	box-shadow: none;
	padding: 6px 10px;
}

.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: #00ff9d;
	box-shadow: 0 0 0 2px rgba(0, 255, 157, 0.25);
	color: #ffffff;
	outline: none;
}

.login .button-primary {
	background-color: #00ff9d;
	background-image: linear-gradient(135deg, #00ff9d, #00e5ff);
	border: 1px solid #00ff9d;
	border-radius: 8px;
	box-shadow: 0 0 12px rgba(0, 255, 157, 0.5), 0 0 30px rgba(255, 0, 229, 0.22);
	color: #04140d;
	font-weight: 600;
	text-shadow: none;
	transition: box-shadow 0.28s ease, transform 0.28s ease;
}

.login .button-primary:hover,
.login .button-primary:focus {
	box-shadow: 0 0 18px rgba(0, 255, 157, 0.65), 0 0 46px rgba(255, 0, 229, 0.35);
	transform: translateY(-1px);
}

.login form,
.login form .input,
.login form input[type="checkbox"],
.login form input[type="radio"] {
	background-color: rgba(11, 15, 23, 0.92);
	border: 1px solid rgba(0, 255, 157, 0.25);
	border-radius: 12px;
	box-shadow: 0 0 26px rgba(0, 255, 157, 0.12), inset 0 0 30px rgba(168, 85, 247, 0.08);
	color: #dbf3ff;
	padding: 26px 24px;
	backdrop-filter: blur(9px);
	-webkit-backdrop-filter: blur(9px);
}

.login form .input,
.login form input[type="checkbox"],
.login form input[type="radio"] {
	padding: 0;
	border: 0;
	box-shadow: none;
	background: none;
}

.login #login_error,
.login .message,
.login .success {
	border-left: 4px solid #00ff9d;
	background-color: rgba(11, 15, 23, 0.92);
	color: #dbf3ff;
	box-shadow: 0 0 18px rgba(0, 255, 157, 0.18);
}

.login #nav a,
.login #backtoblog a,
.login .privacy-policy-link a,
.login a {
	color: #00ff9d;
	text-shadow: 0 0 8px rgba(0, 255, 157, 0.35);
}

.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-link a:hover {
	color: #ff00e5;
	text-shadow: 0 0 8px rgba(255, 0, 229, 0.5);
}

.login .dashicons-visibility {
	color: #8b93bb;
}

.login ::selection {
	background: #00ff9d;
	color: #04140d;
}

@media (prefers-reduced-motion: reduce) {
	.login .button-primary,
	body.login h1 a {
		transition: none;
	}
}