/* Operines — elegant, branded wp-login screen */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

body.login{
  background:linear-gradient(150deg,#3D1A5E 0%,#5B2A86 52%,#7E3D9E 100%);
  font-family:'Manrope',system-ui,sans-serif;
  position:relative;overflow:hidden;
}
body.login::before{
  content:"";position:fixed;inset:0;z-index:0;
  background:radial-gradient(circle at 82% 14%,rgba(201,162,39,.20),transparent 42%),
             radial-gradient(circle at 10% 86%,rgba(255,255,255,.12),transparent 42%);
}
#login{ position:relative;z-index:2;width:360px;padding:6% 0 0; }

/* Operines icon instead of the WordPress mark */
#login h1{ margin-bottom:8px; }
#login h1 a{
  background-image:url('../images/icon-512.png');
  background-size:contain;background-repeat:no-repeat;background-position:center;
  width:88px;height:88px;margin:0 auto;
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.25));
}
#login h1 a::after{
  content:"OPERINES";display:block;text-align:center;
  margin-top:96px;color:#fff;font-weight:800;letter-spacing:3px;font-size:14px;opacity:.92;
}

/* the form card */
.login form{
  background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:18px;
  box-shadow:0 24px 60px rgba(20,5,40,.4);padding:26px 26px 22px;margin-top:18px;
}
.login form .input,
.login input[type=text],
.login input[type=password],
.login input[type=email]{
  font-family:'Manrope',sans-serif;font-size:15px;color:#1E0B33;
  background:#F6F4FB;border:1.5px solid #e7e0f0;border-radius:11px;
  padding:12px 14px;box-shadow:none;margin:2px 0 16px;
}
.login input:focus{ border-color:#5B2A86!important;background:#fff;box-shadow:0 0 0 3px #f1eafc!important; }
.login label{ font-size:13px;font-weight:700;color:#3f3052; }
.login .button.wp-hide-pw{ background:transparent;border:none;box-shadow:none;color:#9a8caf; }

/* primary button */
.wp-core-ui .button-primary{
  background:#5B2A86;border:none;border-radius:100px;
  font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;
  width:100%;padding:11px 0;height:auto;text-shadow:none;box-shadow:0 8px 20px rgba(91,42,134,.3);
  transition:.2s;
}
.wp-core-ui .button-primary:hover{ background:#3D1A5E; }

.login .forgetmenot label{ font-weight:600;color:#6b5b7e; }

/* links under the form */
#nav,#backtoblog{ text-align:center;padding:14px 0 0; }
#nav a,#backtoblog a{ color:rgba(255,255,255,.85)!important;font-weight:600;font-size:13.5px;text-shadow:none; }
#nav a:hover,#backtoblog a:hover{ color:#fff!important; }
.login #backtoblog a::before{ color:rgba(255,255,255,.85); }

/* messages */
.login .message,.login .success{
  border-inline-start:4px solid #5B2A86;border-radius:10px;background:#fff;
  box-shadow:0 6px 18px rgba(20,5,40,.18);font-size:13.5px;
}
.login #login_error{
  border-inline-start:4px solid #E0556B;border-radius:10px;background:#fff;
  box-shadow:0 6px 18px rgba(20,5,40,.18);font-size:13.5px;
}

/* language / privacy footer */
.login .privacy-policy-page-link{ margin-top:18px; }
.login .privacy-policy-page-link a{ color:rgba(255,255,255,.75)!important; }

@media(max-width:480px){ #login{width:90%;max-width:360px;} }