/* Brand every native authentication state, including errors and password resets. */
html { background: #08090b; }
body.login { background: radial-gradient(ellipse at top, #321019 0, #08090b 65%); color: #f5f6f8; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; min-height: 100vh; }
body.login #login { box-sizing: border-box; max-width: 480px; padding: 48px 24px 16px; width: 100%; }
.login h1 a, .login .wp-login-logo a { background-image: url('../images/south-west-media-logo.png'); background-size: 220px auto; background-position: center; height: 90px; margin: 0 auto 28px; width: 240px; }
.swm-login-heading { margin: 0 0 24px; text-align: center; }
.swm-login-heading p { color: #ff6477; font-size: 12px; font-weight: 800; letter-spacing: .15em; margin-bottom: 12px; text-transform: uppercase; }
.swm-login-heading h2 { color: #fff; font-size: clamp(26px, 6vw, 36px); line-height: 1.15; }
.login form { background: #101216; border: 1px solid #353840; border-radius: 8px; box-shadow: 0 20px 60px #0005; margin-top: 20px; padding: 28px; }
.login label { color: #e4e6eb; font-size: 14px; margin-bottom: 8px; }
.login form .input, .login input[type="text"], .login input[type="password"], .login input[type="email"] { background: #08090b; border: 1px solid #686e79; border-radius: 4px; color: #fff; font-size: 18px; min-height: 48px; padding: 8px 12px; }
.login input:focus, .login button:focus-visible, .login a:focus-visible { border-color: #ff6477; box-shadow: none; outline: 2px solid #ff6477; outline-offset: 3px; }
.login .button.wp-hide-pw { color: #cbd0da; height: 48px; }
.login .button-primary { background: #d81730; border: 1px solid #d81730; border-radius: 4px; box-shadow: none; color: #fff; float: none; font-size: 14px; font-weight: 800; margin-top: 20px; min-height: 48px; text-shadow: none; width: 100%; }
.login .button-primary:hover, .login .button-primary:focus { background: #b71026; border-color: #ff6477; color: #fff; }
.login form .forgetmenot { float: none; margin-bottom: 4px; }
.login form .forgetmenot label { font-size: 13px; }
.login #nav, .login #backtoblog { padding-inline: 0; text-align: center; }
.login #nav a, .login #backtoblog a, .login .privacy-policy-page-link a, .swm-login-footer a { color: #cbd0da; }
.login #nav a:hover, .login #backtoblog a:hover, .swm-login-footer a:hover { color: #fff; text-decoration: underline; }
.login .message, .login .notice, .login #login_error { background: #171a20; border-left-color: #ff6477; color: #f5f6f8; }
.login .message a, .login .notice a, .login #login_error a { color: #ff91a0; }
.login .description, .login .indicator-hint { color: #cbd0da; }
.login .language-switcher { color: #cbd0da; padding-bottom: 20px; }
.swm-login-footer { display: flex; flex-wrap: wrap; font-size: 13px; gap: 16px; justify-content: center; margin: 12px auto 32px; padding: 0 24px; }
@media (max-width: 480px) { body.login #login { padding-top: 28px; } .login form { padding: 22px; } }