:root{
 --wop-night:#0a1824;
 --wop-panel:#132735;
 --wop-panel-deep:#0d202c;
 --wop-ink:#f1ede5;
 --wop-muted:#acbac3;
 --wop-gold:#d6bd90;
 --wop-gold-light:#e7d1a9;
 --wop-line:rgba(165,187,192,.18);
 --wop-error:#f0b1a9;
 --wop-success:#a9d8ba;
}
html{background:var(--wop-night)}
body.login{
 min-height:100vh;
 margin:0;
 background:
  radial-gradient(circle at 18% 16%,rgba(34,67,88,.52),transparent 30rem),
  radial-gradient(circle at 82% 78%,rgba(214,189,144,.055),transparent 28rem),
  linear-gradient(160deg,#0a1824 0%,#0c1d29 52%,#08141e 100%);
 color:var(--wop-ink);
 font-family:Arial,Helvetica,sans-serif;
 -webkit-font-smoothing:antialiased;
}
body.login:before,
body.login:after{
 content:"";
 position:fixed;
 pointer-events:none;
 border:1px solid rgba(214,189,144,.08);
 border-radius:50%;
 z-index:0;
}
body.login:before{width:390px;height:145px;right:-85px;top:18%;transform:rotate(-18deg)}
body.login:after{width:520px;height:180px;left:-180px;bottom:9%;transform:rotate(14deg)}
.login #login{
 position:relative;
 z-index:1;
 width:min(430px,calc(100% - 36px));
 padding:7vh 0 38px;
}
.login h1{margin:0 0 22px;text-align:center}
.login h1 a{
 display:flex;
 align-items:center;
 justify-content:center;
 width:auto;
 height:auto;
 margin:0 auto;
 padding:0;
 background:none!important;
 color:var(--wop-ink);
 font-family:Georgia,"Times New Roman",serif;
 font-size:33px;
 font-weight:400;
 line-height:1.2;
 text-indent:0;
 text-decoration:none;
 letter-spacing:-1px;
}
.wop-login-intro{
 display:grid;
 gap:7px;
 margin:0 0 18px;
 padding:0 8px;
 text-align:center;
}
.wop-login-eyebrow{
 color:var(--wop-gold);
 font-size:10px;
 font-weight:700;
 letter-spacing:2.2px;
 text-transform:uppercase;
}
.wop-login-intro strong{
 color:var(--wop-ink);
 font-family:Georgia,"Times New Roman",serif;
 font-size:24px;
 font-weight:400;
 line-height:1.25;
 letter-spacing:-.5px;
}
.wop-login-intro>span:last-child{color:var(--wop-muted);font-size:12px;letter-spacing:.04em}
.login form{
 margin-top:20px;
 padding:31px 32px 28px;
 border:1px solid var(--wop-line);
 border-radius:12px;
 background:
  radial-gradient(circle at 90% 0%,rgba(214,189,144,.06),transparent 14rem),
  linear-gradient(145deg,#152938,#10232f);
 box-shadow:0 26px 75px rgba(0,0,0,.25);
}
.login label,
.login .forgetmenot label{
 color:#d6dfe3;
 font-size:13px;
 font-weight:400;
}
.login form .input,
.login input[type=text],
.login input[type=password],
.login input[type=email]{
 min-height:50px;
 margin:6px 0 18px;
 padding:11px 44px 11px 14px;
 border:1px solid rgba(160,181,192,.28);
 border-radius:5px;
 background:#0a1c28;
 color:var(--wop-ink);
 box-shadow:none;
 font-size:16px;
 transition:border-color .18s,box-shadow .18s,background-color .18s;
}
.login form .input:focus,
.login input[type=text]:focus,
.login input[type=password]:focus,
.login input[type=email]:focus{
 border-color:rgba(214,189,144,.7);
 background:#0b1f2c;
 box-shadow:0 0 0 3px rgba(214,189,144,.08);
 outline:none;
}
.login .button.wp-hide-pw{
 top:7px;
 right:4px;
 color:var(--wop-gold);
}
.login .button.wp-hide-pw:focus{border-color:transparent;box-shadow:none;outline:2px solid var(--wop-gold);outline-offset:1px}
.login input[type=checkbox]{
 width:17px;
 height:17px;
 border:1px solid rgba(160,181,192,.35);
 border-radius:3px;
 background:#0a1c28;
 box-shadow:none;
 accent-color:var(--wop-gold);
}
.login input[type=checkbox]:checked:before{color:#15212a}
.login .submit{margin-top:6px}
.login .button-primary{
 min-height:45px;
 padding:0 22px;
 border:1px solid var(--wop-gold);
 border-radius:5px;
 background:var(--wop-gold);
 color:#15212a;
 box-shadow:none;
 text-shadow:none;
 font-size:13px;
 font-weight:700;
 transition:background-color .18s,border-color .18s,transform .18s;
}
.login .button-primary:hover,
.login .button-primary:focus{
 border-color:var(--wop-gold-light);
 background:var(--wop-gold-light);
 color:#15212a;
 box-shadow:none;
 transform:translateY(-1px);
}
.login #nav,
.login #backtoblog{
 margin:18px 0 0;
 padding:0;
 text-align:center;
}
.login #nav a,
.login #backtoblog a,
.login .privacy-policy-page-link a{
 color:var(--wop-muted);
 font-size:12px;
 text-decoration:none;
 transition:color .18s;
}
.login #nav a:hover,
.login #backtoblog a:hover,
.login .privacy-policy-page-link a:hover{color:var(--wop-gold)}
.login .privacy-policy-page-link{margin:18px 0 0;text-align:center}
.login .message,
.login .notice,
.login #login_error{
 margin:16px 0;
 padding:13px 15px;
 border:1px solid var(--wop-line);
 border-left:3px solid var(--wop-gold);
 border-radius:6px;
 background:#10232f;
 color:#d7e0e4;
 box-shadow:none;
 font-size:13px;
 line-height:1.6;
}
.login #login_error{border-left-color:var(--wop-error);background:rgba(76,38,43,.48)}
.login .message a,
.login .notice a,
.login #login_error a{color:var(--wop-gold)}
.login .language-switcher{
 margin-top:26px;
 padding:0;
}
.login .language-switcher form{
 display:flex;
 gap:8px;
 align-items:center;
 justify-content:center;
 margin:0;
 padding:0;
 border:0;
 background:none;
 box-shadow:none;
}
.login .language-switcher label{color:var(--wop-muted)}
.login .language-switcher select{
 min-height:38px;
 max-width:220px;
 border:1px solid var(--wop-line);
 border-radius:5px;
 background:#0a1c28;
 color:var(--wop-ink);
}
.login .language-switcher .button{
 min-height:38px;
 border:1px solid var(--wop-line);
 border-radius:5px;
 background:#10232f;
 color:var(--wop-gold);
 box-shadow:none;
}
.wop-login-brand-footer{
 position:relative;
 z-index:1;
 margin:4px auto 28px;
 text-align:center;
 color:#7f929e;
 font-size:11px;
 letter-spacing:.03em;
}
.wop-login-brand-footer a{color:var(--wop-gold);text-decoration:none}
.login .dashicons{color:inherit}
.login *:focus-visible{outline-color:var(--wop-gold)}
@media(max-width:480px){
 .login #login{width:calc(100% - 28px);padding-top:34px}
 .login form{padding:25px 22px 23px}
 .wop-login-intro strong{font-size:22px}
 .login h1 a{font-size:29px}
 body.login:before,body.login:after{display:none}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}