:root{
  --hk-login-bg:#06131e;
  --hk-login-panel:#0f2a3a;
  --hk-login-panel-2:#12374b;
  --hk-login-text:#f7fcff;
  --hk-login-muted:#bdd6e2;
  --hk-login-cyan:#2bd6ef;
  --hk-login-green:#25d49a;
  --hk-login-border:rgba(75,217,235,.24);
}
body.login{
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 12%,rgba(43,214,239,.18),transparent 26%),
    radial-gradient(circle at 85% 12%,rgba(37,212,154,.13),transparent 24%),
    radial-gradient(circle at 50% 100%,rgba(119,108,235,.12),transparent 32%),
    linear-gradient(145deg,#06131e,#0a1e2c 58%,#071722)!important;
  color:var(--hk-login-text)!important;
}
body.login:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 85%);
}
body.login #login{width:min(420px,92vw);padding-top:5vh;position:relative;z-index:2}
body.login h1 a{
  width:320px!important;height:138px!important;max-width:90%!important;
  background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;
  margin:0 auto 10px!important;filter:drop-shadow(0 14px 30px rgba(0,0,0,.28));
}
body.login .hkph-login-kicker{text-align:center;margin:0 0 18px;color:var(--hk-login-muted);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
body.login .hkph-login-kicker strong{display:block;color:#fff;font-size:15px;letter-spacing:.02em;margin-bottom:4px;text-transform:none}
body.login form{
  background:linear-gradient(145deg,rgba(18,55,75,.96),rgba(10,34,49,.97))!important;
  border:1px solid var(--hk-login-border)!important;
  border-radius:24px!important;
  padding:26px!important;
  box-shadow:0 30px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.login form:before{content:"Acceso administrativo";display:block;margin-bottom:20px;color:#fff;font-size:22px;font-weight:850;letter-spacing:-.025em;text-shadow:0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.24)}
body.login label{color:var(--hk-login-muted)!important;font-weight:700!important}
body.login .input,body.login input[type=text],body.login input[type=password]{
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:#0a2231!important;border:1px solid rgba(132,211,230,.24)!important;border-radius:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;min-height:48px!important;
}
body.login .input:focus{border-color:var(--hk-login-cyan)!important;box-shadow:0 0 0 3px rgba(43,214,239,.14)!important}
body.login .button-primary{
  min-height:44px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--hk-login-cyan),var(--hk-login-green))!important;color:#062431!important;font-weight:850!important;text-shadow:none!important;box-shadow:0 12px 24px rgba(43,214,239,.18)!important;
}
body.login .button-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
body.login #nav,body.login #backtoblog,body.login .privacy-policy-page-link{text-align:center}
body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-page-link a{color:#c7e1ec!important}
body.login #nav a:hover,body.login #backtoblog a:hover{color:#fff!important}
body.login .message,body.login #login_error{border-radius:14px;border-left:0!important;background:#fff!important;color:#173344!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important}
body.login .dashicons{color:#c7e1ec}
@media(max-width:480px){body.login #login{padding-top:3vh}body.login form{padding:22px!important}body.login h1 a{height:108px!important}}
@media(prefers-reduced-motion:reduce){body.login .button-primary{transition:none!important;transform:none!important}}