/* =============================================================================
   wp-login.php in the GPR look (v0.8.44) — inc/login-pages.php.
   WordPress's own screen (password resets, "you are now logged out", old
   bookmarks). Loads after core's login.css and Memberoni's login-styles.css.
   The logo comes from an inline rule printed with this file (Customizer logo).
   ========================================================================== */
body.login {
	background: radial-gradient(900px 520px at 50% -10%, rgba(22, 131, 224, .28), transparent 60%),
		radial-gradient(700px 400px at 100% 110%, rgba(77, 176, 255, .10), transparent 60%), #0E1114 !important;
	background-attachment: fixed !important;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	-webkit-font-smoothing: antialiased;
}
body.login #login { width: 420px; max-width: calc(100% - 32px); padding: 8vh 0 40px; }
body.login #login h1 a {
	width: 190px !important; height: 70px !important; margin: 0 auto 26px !important;
	background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important;
}
body.login form {
	margin: 0 !important; padding: 34px 34px 28px !important; border: 0 !important; border-radius: 18px !important;
	background: #fff !important; box-shadow: 0 30px 60px -24px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .2) !important;
}
body.login label { margin: 0 0 7px !important; color: #111827 !important; font: 600 14px/1.2 Inter, sans-serif !important; }
body.login form .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {
	height: 48px !important; min-height: 0 !important; margin: 0 0 16px !important; padding: 0 14px !important;
	border: 1px solid #E3E7EE !important; border-radius: 12px !important; background: #F7F9FC !important;
	color: #111827 !important; font: 500 15.5px/1 Inter, sans-serif !important; box-shadow: none !important;
}
body.login form .input:focus,
body.login input[type="text"]:focus,
body.login input[type="password"]:focus { border-color: #0061BA !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(0, 97, 186, .14) !important; outline: 0 !important; }
body.login .wp-pwd { position: relative; }
body.login .wp-pwd input[type="password"],
body.login .wp-pwd input[type="text"] { padding-right: 48px !important; }
body.login .button.wp-hide-pw { top: 6px !important; right: 6px !important; width: 36px !important; height: 36px !important; min-height: 0 !important; border-radius: 9px !important; color: #8A94A3 !important; }
body.login .button.wp-hide-pw:hover { background: #EEF2F7 !important; color: #111827 !important; }
body.login .forgetmenot { float: none !important; margin: 2px 0 20px !important; }
body.login .forgetmenot label { display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; color: #5A6472 !important; font: 500 14px/1 Inter, sans-serif !important; }
body.login input[type="checkbox"] { width: 17px !important; height: 17px !important; margin: 0 !important; border-radius: 4px !important; accent-color: #0061BA; }
body.login p.submit { float: none !important; margin: 0 !important; padding: 0 !important; }
body.login .button-primary,
body.login #wp-submit {
	float: none !important; width: 100% !important; height: 50px !important; min-height: 0 !important; margin: 0 !important; padding: 0 16px !important;
	border: 0 !important; border-radius: 12px !important; background: #0061BA !important; color: #fff !important;
	font: 700 16px/1 Inter, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; text-shadow: none !important;
	box-shadow: 0 10px 22px -10px rgba(0, 97, 186, .7) !important; transition: background .15s;
}
body.login .button-primary:hover,
body.login #wp-submit:hover { background: #0074DC !important; }
body.login .message,
body.login .notice,
body.login .success,
body.login #login_error {
	margin: 0 0 16px !important; padding: 12px 14px !important; border: 1px solid #BFE3CC !important; border-left-width: 1px !important;
	border-radius: 12px !important; background: #EEF9F2 !important; color: #1C5E36 !important; box-shadow: none !important;
	font: 500 14.5px/1.45 Inter, sans-serif !important;
}
body.login #login_error,
body.login .notice-error { border-color: #F1C7C2 !important; background: #FEF3F2 !important; color: #B42318 !important; }
body.login #login_error a { color: inherit !important; }
body.login #nav,
body.login #backtoblog { margin: 18px 0 0 !important; padding: 0 !important; text-align: center; font: 500 14px/1.4 Inter, sans-serif !important; }
body.login #nav a,
body.login #backtoblog a { color: #C9D3E3 !important; text-decoration: none !important; }
body.login #nav a:hover,
body.login #backtoblog a:hover { color: #fff !important; text-decoration: underline !important; text-underline-offset: 3px; }
body.login .privacy-policy-page-link { display: none; }
/* security plugin footers ("Brute Force Protection by …") stay small and quiet */
body.login > div:not(#login):not(.language-switcher),
body.login #login > p:not(#nav):not(#backtoblog):not(.message):not(.reset-pass) { color: #5E6876 !important; font-size: 12px !important; }
body.login > div:not(#login):not(.language-switcher) a { color: #8A94A3 !important; }
.language-switcher { display: none !important; }
@media (max-width: 480px) { body.login form { padding: 26px 22px 22px !important; } }

/* Memberoni's login-styles.css paints a dark panel behind #login and white
   labels (meant for a dark form); these beat it on specificity. */
html { background: #0E1114 !important; }
body.login #login { background: transparent !important; box-shadow: none !important; border: 0 !important; }
body.login #login #loginform label,
body.login #login #lostpasswordform label,
body.login #login #resetpassform label,
body.login #login form p label { color: #111827 !important; }
body.login #login .forgetmenot { display: flex !important; align-items: center; gap: 8px; }
body.login #login .forgetmenot label { color: #5A6472 !important; font-weight: 500 !important; }
body.login #login .wp-tooltip__toggle { min-height: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; color: #A6AEBB !important; box-shadow: none !important; }
body.login #login .wp-tooltip__toggle:hover { color: #0061BA !important; }
body.login #login .wp-tooltip__bubble { color: #111827 !important; }
/* the gradient sits on <html> so there's no seam above the body's top margin */
html { background: radial-gradient(900px 520px at 50% -10%, rgba(22, 131, 224, .28), transparent 60%), radial-gradient(700px 400px at 100% 110%, rgba(77, 176, 255, .10), transparent 60%), #0E1114 !important; background-attachment: fixed !important; min-height: 100%; }
body.login { background: transparent !important; }
body.login #login input[type="checkbox"] { -webkit-appearance: checkbox !important; appearance: auto !important; border: 1px solid #C9D0DB !important; background: #fff !important; flex: none; }