/* Login, recuperar y restablecer contraseña con la identidad MusicVideo.
   Se carga después de login.css de WordPress; los !important cubren reglas con más especificidad. */
body.login {
	background:
		radial-gradient(circle at 15% 10%, rgba(0, 212, 255, .22), transparent 45%),
		radial-gradient(circle at 85% 90%, rgba(255, 43, 214, .22), transparent 45%),
		#07070c !important;
	color: #f2f3f8;
	font-family: 'Inter', system-ui, sans-serif;
	min-height: 100vh;
}
#login { width: 380px; max-width: calc(100% - 32px); padding: 6vh 0 24px; }

.login h1 a,
.login .wp-login-logo a {
	background-image: url(../img/logo.png) !important;
	background-size: cover !important;
	background-position: center !important;
	width: 130px !important;
	height: 130px !important;
	border-radius: 50%;
	margin-bottom: 28px !important;
	box-shadow: 0 0 40px rgba(139, 61, 255, .55), 0 0 80px rgba(0, 212, 255, .25);
}

.login form {
	background: rgba(15, 15, 23, .88) !important;
	border: 1px solid rgba(255, 255, 255, .1) !important;
	border-radius: 20px !important;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .6) !important;
	padding: 28px 26px !important;
	backdrop-filter: blur(16px);
}
.login label,
.login form p,
.login .indicator-hint,
.login .description { color: #d4d5e2 !important; font-size: 14px; }

.login .message,
.login .notice,
.login .success,
.login #login_error {
	background: rgba(22, 22, 34, .92) !important;
	color: #e8e9f0 !important;
	border: 1px solid rgba(255, 255, 255, .1) !important;
	border-left: 4px solid #8b3dff !important;
	border-radius: 14px !important;
	box-shadow: none !important;
	padding: 12px 16px !important;
}
.login .notice-error, .login #login_error { border-left-color: #ff4d6d !important; }
.login .success { border-left-color: #00d4ff !important; }
.login .message p, .login .notice p, .login #login_error p { color: inherit !important; }
.login .message a, .login .notice a, .login #login_error a { color: #00d4ff !important; }

.login input[type=text],
.login input[type=password],
.login input[type=email],
.login form .input {
	background: #07070c !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 12px !important;
	box-shadow: none !important;
	font-size: 17px !important;
	padding: 8px 14px !important;
	min-height: 46px !important;
}
.login input:focus,
.login form .input:focus {
	border-color: #8b3dff !important;
	box-shadow: 0 0 0 4px rgba(139, 61, 255, .25) !important;
	outline: 0 !important;
}
.login input[type=checkbox] { accent-color: #8b3dff; background: #07070c; border-color: rgba(255, 255, 255, .3); }

.wp-core-ui .button-primary,
.login .button-primary {
	background: linear-gradient(120deg, #00d4ff, #2f6bff 35%, #8b3dff 68%, #ff2bd6) !important;
	border: 0 !important;
	border-radius: 999px !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-shadow: none !important;
	box-shadow: 0 6px 24px rgba(139, 61, 255, .4) !important;
	min-height: 42px !important;
	padding: 0 24px !important;
}
.wp-core-ui .button-primary:hover { filter: brightness(1.12); }
.login .submit { width: 100%; }
.login-action-lostpassword .button-primary,
.login-action-rp .button-primary,
.login-action-resetpass .button-primary { width: 100%; }

/* Botón "mostrar contraseña" y medidor de seguridad */
.login .wp-hide-pw,
.login .button.wp-hide-pw {
	background: transparent !important;
	border: 0 !important;
	color: #9a9cb3 !important;
	box-shadow: none !important;
	height: 46px !important;
}
.login .wp-hide-pw:hover { color: #00d4ff !important; }
#pass-strength-result {
	background: #161622 !important;
	color: #e8e9f0 !important;
	border-color: rgba(255, 255, 255, .16) !important;
	border-radius: 10px;
}
#pass-strength-result.strong { background: rgba(0, 212, 255, .18) !important; border-color: #00d4ff !important; }
#pass-strength-result.good { background: rgba(139, 61, 255, .2) !important; border-color: #8b3dff !important; }
#pass-strength-result.bad,
#pass-strength-result.short { background: rgba(255, 77, 109, .16) !important; border-color: #ff4d6d !important; }
.login .wp-generate-pw,
.wp-core-ui .button-secondary {
	background: #161622 !important;
	color: #f2f3f8 !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 999px !important;
}

.login #nav,
.login #backtoblog { text-align: center; padding: 0; }
.login #nav a,
.login #backtoblog a { color: #9a9cb3 !important; text-decoration: none; }
.login #nav a:hover,
.login #backtoblog a:hover { color: #00d4ff !important; }
.login .privacy-policy-page-link,
.language-switcher { display: none !important; }