/* WordPress owns reset tokens and forms; this stylesheet only presents them. */
html { min-height: 100%; background: #0d1418; }
body.login {
  --auth-bg: #0d1418; --auth-panel: #1c2429; --auth-field: #10191e;
  --auth-text: #f3f6f8; --auth-muted: #b9c5cc; --auth-line: #ffffff26;
  --auth-accent: #01cefa; --auth-link: #01cefa;
  box-sizing: border-box; min-height: 100dvh; height: auto; padding: clamp(28px, 6vh, 64px) 18px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  color: var(--auth-text); background: radial-gradient(ellipse at 15% 5%, #01cefa16, transparent 55%), var(--auth-bg);
  font-family: 'IBM Plex Sans', 'Segoe UI', sans-serif;
}
html[data-pool-theme="light"] { background: #d2d7dc; }
html[data-pool-theme="light"] body.login {
  --auth-bg: #d2d7dc; --auth-panel: #f8fafb; --auth-field: #fff;
  --auth-text: #1b2831; --auth-muted: #52626d; --auth-line: #23303a33; --auth-link: #006176;
  background: linear-gradient(145deg, #e8ebee, var(--auth-bg) 75%);
}
body.login #login { box-sizing: border-box; width: min(470px, 100%); padding: clamp(24px, 6vw, 42px); margin: auto 0; border: 1px solid var(--auth-line); border-radius: 14px; background: var(--auth-panel); box-shadow: 0 24px 70px #0002; }
body.login h1 { display: none; }
.pool-auth-heading > p { margin: 0 0 12px; color: var(--auth-link); font-size: 10px; font-weight: 700; letter-spacing: .18em; }
.pool-auth-heading h2 { margin: 0 0 24px; font-size: clamp(26px, 5vw, 32px); line-height: 1.15; font-weight: 700; color: var(--auth-text); }
body.login form { border: 0; padding: 0; margin: 24px 0 0; background: transparent; box-shadow: none; overflow: visible; }
body.login form::after { content: ''; display: table; clear: both; }
body.login label { color: var(--auth-text); font-size: 13px; margin-bottom: 8px; }
body.login :is(input[type="text"], input[type="password"], input[type="email"]) { box-sizing: border-box; width: 100%; min-height: 48px; margin: 0 0 20px; padding: 10px 13px; border: 1px solid var(--auth-line); border-radius: 5px; background: var(--auth-field); color: var(--auth-text); font: 16px/1.5 'IBM Plex Sans', 'Segoe UI', sans-serif; box-shadow: none; }
body.login :is(input, button, a):focus-visible { outline: 2px solid var(--auth-link); outline-offset: 3px; box-shadow: none; }
body.login :is(input[type="text"], input[type="password"], input[type="email"]):focus { border-color: var(--auth-accent); box-shadow: 0 0 0 1px var(--auth-accent); outline: 0; }
body.login .wp-pwd { position: relative; }
body.login .wp-pwd input { padding-right: 48px; }
body.login .button.wp-hide-pw { top: 1px; right: 1px; width: 45px; min-height: 46px; border: 0; background: transparent; color: var(--auth-link); box-shadow: none; }
body.login .button.wp-hide-pw .dashicons { top: 0; }
body.login .button { border-radius: 5px; min-height: 44px; padding: 8px 14px; font: 600 14px/1.5 'IBM Plex Sans', 'Segoe UI', sans-serif; text-shadow: none; box-shadow: none; }
body.login .button-primary { background: var(--auth-accent); color: #071014; border: 1px solid var(--auth-accent); }
body.login .button-primary:is(:hover, :focus, :active) { background: #30d8fd; color: #071014; border-color: #30d8fd; }
body.login .button:not(.button-primary):not(.wp-hide-pw) { background: transparent; color: var(--auth-text); border-color: var(--auth-line); }
body.login .button:not(.button-primary):not(.wp-hide-pw):hover { background: #01cefa18; border-color: var(--auth-accent); }
body.login .button:disabled, body.login .button-primary:disabled { background: var(--auth-field) !important; color: var(--auth-muted) !important; border-color: var(--auth-line) !important; opacity: .65; cursor: not-allowed; }
body.login :is(#lostpasswordform, #loginform) .submit .button-primary { width: 100%; margin-top: 18px; float: none; }
body.login .reset-pass-submit { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
body.login .reset-pass-submit .button { flex: 1 1 150px; float: none; }
body.login :is(.message, #login_error, .success, .notice) { box-sizing: border-box; margin: 16px 0 22px; padding: 14px 16px; border: 1px solid var(--auth-line); border-left: 3px solid var(--auth-accent); border-radius: 5px; color: var(--auth-text); background: #01cefa0a; box-shadow: none; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
body.login #login_error { border-left-color: #f06677; background: #f066770c; }
body.login .message p, body.login .notice p { padding: 0; margin: 0; }
body.login :is(.description, .indicator-hint) { color: var(--auth-muted); font-size: 12px; line-height: 1.5; margin: 14px 0 0; }
body.login #pass-strength-result { box-sizing: border-box; width: 100%; margin: -8px 0 16px; padding: 8px; border-radius: 4px; font-size: 12px; }
body.login #pass-strength-result:not(.short):not(.bad):not(.good):not(.strong) { color: var(--auth-muted); background: var(--auth-field); border-color: var(--auth-line); }
body.login #pass-strength-result:is(.short, .bad, .good, .strong) { color: #172a35; }
body.login :is(.forgetmenot, .pw-weak) { margin: 0 0 12px; }
body.login :is(.forgetmenot, .pw-weak) label { margin: 0; font-size: 12px; }
body.login input[type="checkbox"] { accent-color: var(--auth-accent); border-color: var(--auth-line); }
body.login :is(#nav, #backtoblog) { padding: 0; margin: 20px 0 0; line-height: 1.5; }
body.login :is(#nav a, #backtoblog a, .message a, .notice a, .privacy-policy-link) { color: var(--auth-link); font-size: 13px; text-decoration: none; }
body.login :is(#nav a, #backtoblog a, .message a, .notice a):hover { color: var(--auth-link); text-decoration: underline; }
body.login .language-switcher { display: none; }
body.login .privacy-policy-page-link { margin: 24px 0 0; }
@media (max-width: 480px) { body.login { justify-content: flex-start; padding: 20px 14px; } body.login #login { margin: 0; } }