/* WordPress password screens styled like /login (Metropolitan College tokens). */
@font-face { font-family: "Poppins"; font-weight: 400; font-display: swap; src: url("../fonts/poppins-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 600; font-display: swap; src: url("../fonts/poppins-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 800; font-display: swap; src: url("../fonts/poppins-latin-800-normal.woff2") format("woff2"); }
body.login { background: #F3F5F8; font-family: Poppins, "Segoe UI", system-ui, sans-serif; color: #1C244B; }
#login { width: 400px; max-width: calc(100% - 32px); padding-top: 8vh; margin: 0 auto; }
.login h1 a {
	background: none !important; width: auto !important; height: auto !important; text-indent: 0 !important;
	overflow: visible !important; font-size: 0 !important; margin: 0 auto 24px !important; display: block;
	color: #001A74 !important; text-decoration: none; box-shadow: none !important; outline: none;
}
.login h1 a::before { content: "METROPOLITAN"; display: block; font-size: 24px; font-weight: 800; letter-spacing: 0.02em; line-height: 1; text-align: center; }
.login h1 a::after { content: "COLLEGE"; display: block; font-size: 12px; font-weight: 400; letter-spacing: 0.5em; margin-top: 6px; padding-left: 0.5em; text-align: center; }
.login form { background: #fff; border: 1px solid #DCE3EA; border-radius: 20px; padding: 32px; box-shadow: 0 8px 24px rgba(0, 26, 116, 0.08); margin-top: 16px; }
.login label { font-size: 14px; font-weight: 600; color: #1C244B; }
.login input[type="text"], .login input[type="password"], .login input[type="email"] {
	font-family: inherit; font-size: 15px; padding: 10px 14px; border: 1px solid #7A8CA3; border-radius: 4px; box-shadow: none; min-height: 44px;
}
.login input:focus { border-color: #001A74 !important; box-shadow: 0 0 0 2px #467FF7 !important; }
.login .button-primary, .wp-core-ui .button-primary {
	background: #001A74 !important; border-color: #001A74 !important; color: #fff !important; border-radius: 999px !important; font-family: inherit;
	font-weight: 600; font-size: 15px; padding: 6px 24px !important; min-height: 44px; text-shadow: none; box-shadow: none !important;
}
.login .button-primary:hover { background: #00135a !important; }
.login .button.wp-hide-pw .dashicons { color: #001A74; }
.login .message, .login .notice, .login .success { border-left-color: #2A5CD6; border-radius: 8px; font-size: 14px; }
.login #login_error, .login .notice-error { border-left-color: #C42B1D; }
.login #nav a, .login #backtoblog a { color: #2A5CD6; font-size: 14px; }
.login #backtoblog { display: none; }
.login .privacy-policy-page-link { display: none; }
.login #nav { text-align: center; }
.login #nav::after { content: "Authorised staff only."; display: block; margin-top: 24px; color: #5A6B88; font-size: 13px; }
.login .indicator-hint { font-size: 13px; color: #5A6B88; }