@font-face {
  font-family: "Roobert Foxway";
  src: url("fonts/RoobertFoxway-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roobert Foxway";
  src: url("fonts/RoobertFoxway-SemiBold.woff2") format("woff2");
  font-weight: 600 900;
  font-style: normal;
  font-display: swap;
}

:root { --smart-purple: #420070; --smart-ink: #17151a; --smart-slate: #586271; --smart-mist: #f2f6fa; --smart-line: #dce2e9; }
body.login {
  min-height: 100vh;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 28px 20px;
  background: var(--smart-mist);
  color: var(--smart-ink);
  font-family: "Roobert Foxway", Arial, sans-serif;
}
body.login::before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: var(--smart-purple);
}
#login { width: min(100%, 430px); padding: 0; }
#login h1 { margin: 0 0 32px; }
#login h1 a {
  width: 154px;
  height: 32px;
  margin: 0 auto;
  background: url("images/smart-logo-purple.webp") center / contain no-repeat;
}
.login form {
  margin-top: 0;
  padding: 32px;
  border: 1px solid var(--smart-line);
  border-top: 4px solid var(--smart-purple);
  border-radius: 4px;
  box-shadow: none;
  background: #fff;
}
.login label, .login .forgetmenot { color: var(--smart-slate); font-size: .95rem; }
.login form .input, .login input[type="text"], .login input[type="password"] {
  min-height: 46px;
  margin-top: 7px;
  padding: 9px 12px;
  border: 1px solid #b8c2ce;
  border-radius: 4px;
  box-shadow: none;
  color: var(--smart-ink);
  font: inherit;
}
.login form .input:focus, .login input[type="text"]:focus, .login input[type="password"]:focus {
  border-color: var(--smart-purple);
  box-shadow: 0 0 0 2px rgba(66, 0, 112, .14);
}
.wp-core-ui .button-primary {
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid var(--smart-purple);
  border-radius: 4px;
  background: var(--smart-purple);
  box-shadow: none;
  color: #fff;
  font: 600 .95rem/40px "Roobert Foxway", Arial, sans-serif;
  text-shadow: none;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus { border-color: #2f0050; background: #2f0050; }
.login #nav, .login #backtoblog { padding: 0; text-align: center; }
.login #nav a, .login #backtoblog a { color: var(--smart-slate); font-size: .9rem; }
.login #nav a:hover, .login #backtoblog a:hover { color: var(--smart-purple); }
.login .message, .login .notice, .login #login_error { margin: 0 0 18px; border-left-color: var(--smart-purple); border-radius: 4px; box-shadow: none; font-family: inherit; }
.login .privacy-policy-page-link { margin-top: 20px; color: var(--smart-slate); }
@media (max-width: 480px) { body.login { padding-inline: 16px; } .login form { padding: 24px; } }