/* Pinnatec Med — branded password screen (loaded by the Password Protected plugin). */
@font-face { font-family: "Archivo"; src: url("assets/fonts/archivo-var.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: "Saira"; src: url("assets/fonts/saira-var.woff2") format("woff2"); font-weight: 100 900; font-stretch: 50% 125%; font-display: swap; }
html, body.login { height: 100%; }
body.login {
	font-family: Archivo, ui-sans-serif, system-ui, sans-serif; color: #d7edf2; -webkit-font-smoothing: antialiased;
	background: #0c273a url("../../uploads/2026/09/bg-gradient-cool.webp") center / cover no-repeat fixed;
	display: flex; align-items: center; justify-content: center; min-height: 100vh; position: relative;
}
body.login::before {
	content: ""; position: fixed; inset: 0; background: rgba(12, 39, 58, .72); z-index: 0;
}
body.login::after {
	content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
	background-image: linear-gradient(30deg, rgba(117,190,199,.10) 1px, transparent 1px), linear-gradient(150deg, rgba(117,190,199,.10) 1px, transparent 1px), linear-gradient(90deg, rgba(117,190,199,.07) 1px, transparent 1px);
	background-size: 64px 37px;
	-webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, #000 20%, transparent 75%); mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, #000 20%, transparent 75%);
}
#login { position: relative; z-index: 1; width: min(420px, calc(100vw - 32px)); padding: 0; margin: 0; }
.login h1 a, #password-protected-logo a {
	background: url("assets/img/logo-light.svg") center / contain no-repeat !important;
	width: 260px !important; height: 50px !important; margin: 0 auto 28px !important; text-indent: -9999px; overflow: hidden; display: block;
}
.pm-pp-intro { text-align: center; margin: 0 0 22px; }
.pm-pp-intro .pm-pp-eyebrow { font-family: Saira, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #75bec7; margin: 0 0 10px; }
.pm-pp-intro h2 { font-family: Saira, sans-serif; text-transform: uppercase; font-size: 24px; font-weight: 800; font-stretch: 125%; color: #fff; margin: 0 0 8px; line-height: 1.15; }
.pm-pp-intro p { font-size: 15px; color: rgba(215,237,242,.8); margin: 0; line-height: 1.5; }
.login form, #loginform {
	background: rgba(255, 255, 255, .06); border: 1px solid rgba(215, 237, 242, .16); border-radius: 14px;
	box-shadow: 0 30px 80px -30px rgba(0,0,0,.6); padding: 28px 26px 24px; margin: 0 !important;
	backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.login form > p:first-child:empty { display: none; }
.login label { color: #d7edf2; font-size: 14px; font-weight: 600; }
.login .user-pass-wrap label { display: block; margin-bottom: 8px; }
.login input[type=password], .login input[type=text], .login .input {
	background: rgba(8, 26, 39, .7) !important; border: 1px solid rgba(215,237,242,.22) !important; color: #fff !important;
	border-radius: 12px !important; font-size: 17px !important; padding: 12px 48px 12px 14px !important; min-height: 48px; box-shadow: none !important; margin: 0 0 14px !important;
}
.login .input:focus { border-color: #75bec7 !important; outline: 2px solid rgba(117,190,199,.35) !important; }
.login .wp-pwd { position: relative; }
.login .wp-hide-pw { position: absolute; right: 6px; top: 6px; height: 36px; background: transparent !important; border: 0 !important; color: #75bec7 !important; box-shadow: none !important; }
.login .forgetmenot label { font-weight: 400; font-size: 13px; color: rgba(215,237,242,.8); }
.login .forgetmenot input[type=checkbox] { accent-color: #d34f05; }
.login .button-primary, .login #wp-submit {
	float: right; background: #d34f05 !important; border: 0 !important; border-radius: 6px !important; font-family: Saira, sans-serif; text-transform: uppercase; letter-spacing: .04em; color: #fff !important;
	font-weight: 600; font-size: 15px !important; padding: 11px 24px !important; min-height: 0 !important; height: auto !important; line-height: 1.2 !important; box-shadow: none !important; text-shadow: none !important; transition: background .2s, transform .2s;
}
.login .button-primary:hover, .login #wp-submit:hover { background: #ff9100 !important; }
.login #login_error, .login .message { background: rgba(211, 79, 5, .14); border: 1px solid rgba(255,145,0,.4); border-left-width: 4px; color: #fff; border-radius: 12px; box-shadow: none; }
.login #nav, .login #backtoblog, .login .privacy-policy-page-link, .language-switcher { display: none; }
.password-protected-text-below { color: rgba(215,237,242,.6); font-size: 13px; width: 100%; }
.login .submit { margin: 0; }
.login form::after { content: ""; display: block; clear: both; }
.login .forgetmenot { float: left; margin-top: 10px; }