:root{
  --pk-login-black:#08090b;
  --pk-login-charcoal:#15181b;
  --pk-login-ivory:#f7f4eb;
  --pk-login-gold:#f5b72c;
  --pk-login-gold-dark:#b77b00;
  --pk-login-text:#1d2327;
  --pk-login-muted:#5d6468;
  --pk-login-line:#d6d1c6;
}

body.login{
  min-height:100vh;
  background:
    radial-gradient(circle at 50% -12%,rgba(245,183,44,.16),transparent 38%),
    linear-gradient(145deg,#070809 0%,#13171a 58%,#08090b 100%);
  color:var(--pk-login-text);
  font-family:Arial,Aptos,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

body.login:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.17;
  background-image:
    radial-gradient(circle at 18% 24%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),
    radial-gradient(circle at 76% 18%,rgba(245,183,44,.8) 0 1px,transparent 1.6px),
    radial-gradient(circle at 64% 72%,rgba(255,255,255,.65) 0 1px,transparent 1.5px);
  background-size:190px 190px,260px 260px,230px 230px;
}

.login #login{
  width:min(430px,calc(100% - 32px));
  padding:34px 0 28px;
  position:relative;
  z-index:1;
}

.login h1{
  margin:0 0 18px;
}

.login h1 a{
  width:150px;
  height:150px;
  margin:0 auto;
  padding:0;
  background-image:url('../images/kilta-logo.png')!important;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  outline:none;
}

.login h1 a:focus{
  box-shadow:0 0 0 3px rgba(245,183,44,.45);
  border-radius:50%;
}

.pk-login-heading{
  margin:0 0 18px;
  text-align:center;
  color:#fff;
}

.pk-login-eyebrow{
  margin:0 0 7px;
  color:var(--pk-login-gold);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}

.pk-login-heading h2{
  margin:0;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px;
  line-height:1.15;
  font-weight:700;
}

.pk-login-description{
  max-width:390px;
  margin:9px auto 0;
  color:#d8dbdc;
  font-size:14px;
  line-height:1.5;
}

.login form{
  margin-top:0;
  padding:27px 28px 25px;
  background:var(--pk-login-ivory);
  border:1px solid rgba(255,255,255,.13);
  border-radius:6px;
  box-shadow:0 18px 55px rgba(0,0,0,.35);
}

.login form .input,
.login input[type="text"],
.login input[type="password"],
.login input[type="email"]{
  min-height:46px;
  margin-top:7px;
  border:1px solid #9da3a6;
  border-radius:3px;
  background:#fff;
  color:var(--pk-login-text);
  box-shadow:none;
  font-size:17px;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus{
  border-color:var(--pk-login-gold-dark);
  box-shadow:0 0 0 3px rgba(245,183,44,.24);
  outline:none;
}

.login label{
  color:#30363a;
  font-weight:700;
}

.login .button.wp-hide-pw{
  color:#695018;
}

.login .button.wp-hide-pw:focus{
  border-color:var(--pk-login-gold-dark);
  box-shadow:0 0 0 1px var(--pk-login-gold-dark);
}

.wp-core-ui .button-primary{
  min-height:40px;
  padding:0 17px;
  border:1px solid #d99d14;
  border-radius:3px;
  background:var(--pk-login-gold);
  color:#241b06;
  font-weight:800;
  text-shadow:none;
  box-shadow:none;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus{
  border-color:#c38b0b;
  background:#e4a91f;
  color:#171100;
  box-shadow:0 0 0 2px rgba(245,183,44,.25);
}

.login .message,
.login .success,
.login #login_error{
  margin:0 0 17px;
  padding:13px 15px;
  border-left-width:4px;
  border-radius:3px;
  background:#f8f5ec;
  box-shadow:none;
  color:#30363a;
}

.login .message{
  border-left-color:var(--pk-login-gold);
}

.login .success{
  border-left-color:#3e7b4c;
}

.login #login_error{
  border-left-color:#a83232;
}

.login #nav,
.login #backtoblog{
  margin:18px 0 0;
  padding:0;
  text-align:center;
  color:#e8e8e8;
}

.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a{
  color:#e4c46f;
  text-decoration:none;
}

.login #nav a:hover,
.login #nav a:focus,
.login #backtoblog a:hover,
.login #backtoblog a:focus,
.login .privacy-policy-page-link a:hover,
.login .privacy-policy-page-link a:focus{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
}

.login .privacy-policy-page-link{
  margin:18px auto 0;
  color:#d1d4d5;
}

.login .language-switcher{
  margin-top:20px;
}

.login .language-switcher label{
  color:#e4e6e7;
}

.login .language-switcher select{
  border-color:#747b7f;
  background:#fff;
}

.pk-login-footer{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:23px auto 0;
  text-align:center;
  color:#bfc3c5;
  font-size:12px;
  letter-spacing:.04em;
}

.pk-login-footer span:first-child{
  color:#d7b553;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:13px;
}

.login-action-resetpass .reset-pass-submit,
.login-action-rp .reset-pass-submit{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.login .indicator-hint{
  color:var(--pk-login-muted);
}

.login .pw-weak{
  margin-top:12px;
}

@media (max-width:480px){
  .login #login{
    width:calc(100% - 28px);
    padding-top:22px;
  }
  .login h1 a{
    width:126px;
    height:126px;
  }
  .pk-login-heading h2{
    font-size:26px;
  }
  .login form{
    padding:23px 20px 22px;
  }
  .login-action-resetpass .reset-pass-submit,
  .login-action-rp .reset-pass-submit{
    align-items:stretch;
    flex-direction:column;
  }
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}