:root{
  --jauth-accent:#1ecad3;
  --jauth-accent-dark:#099aa4;
  --jauth-ink:#0d1719;
  --jauth-muted:#68777a;
  --jauth-line:#dce8ea;
}

.jauth-page{
  position:relative;
  min-height:calc(100dvh - 110px);
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:48px 16px 64px;
  background:
    radial-gradient(circle at 86% 8%,rgba(30,202,211,.19),transparent 28%),
    radial-gradient(circle at 12% 90%,rgba(30,202,211,.08),transparent 25%),
    linear-gradient(145deg,#071012 0%,#0b171a 48%,#10272b 100%);
}
.jauth-ambient{position:absolute;inset:0;pointer-events:none;opacity:.55;}
.jauth-ambient i{position:absolute;border:1px solid rgba(91,225,232,.16);border-radius:50%;transform:rotate(-18deg);}
.jauth-ambient i:nth-child(1){width:620px;height:210px;right:-220px;top:13%;}
.jauth-ambient i:nth-child(2){width:760px;height:260px;right:-285px;top:20%;}
.jauth-ambient i:nth-child(3){width:900px;height:320px;right:-330px;top:28%;}
.jauth-panel{
  position:relative;
  z-index:1;
  width:min(520px,100%);
  padding:30px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:28px;
  background:rgba(255,255,255,.985);
  box-shadow:0 30px 90px rgba(0,9,11,.32);
}
.jauth-brand{display:inline-flex;align-items:baseline;text-decoration:none!important;color:var(--jauth-ink)!important;font-size:16px;letter-spacing:.08em;font-weight:850;}
.jauth-brand b{color:var(--jauth-accent-dark);}
.jauth-step{float:right;margin-top:1px;padding:6px 9px;border-radius:999px;background:#eafafb;color:#087e87;font-size:9px;font-weight:900;letter-spacing:.08em;}
.jauth-eyebrow{display:block;margin-top:28px;color:var(--jauth-accent-dark);font-size:10px;font-weight:900;letter-spacing:.14em;}
.jauth-panel h1{margin:8px 0 10px;color:var(--jauth-ink);font-size:clamp(30px,8vw,44px);line-height:1.02;letter-spacing:-.045em;}
.jauth-intro{margin:0;color:var(--jauth-muted);font-size:13px;line-height:1.6;}
.jauth-notice{margin:20px 0 0;padding:13px 14px;border-radius:15px;font-size:12px;line-height:1.5;font-weight:700;}
.jauth-notice.is-success{border:1px solid #bfe9d1;background:#effbf4;color:#246d42;}
.jauth-notice.is-error{border:1px solid #f1c6c6;background:#fff4f4;color:#9b3434;}
.jauth-form{display:grid;gap:9px;margin-top:22px;}
.jauth-form label{margin-top:5px;color:#344346;font-size:11px;font-weight:850;}
.jauth-form input{
  width:100%;
  min-height:50px;
  border:1px solid var(--jauth-line);
  border-radius:15px;
  background:#f8fbfb;
  color:var(--jauth-ink);
  font:inherit;
  font-size:16px;
  padding:0 14px;
  outline:0;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.jauth-form input:focus{border-color:rgba(30,202,211,.8);background:#fff;box-shadow:0 0 0 4px rgba(30,202,211,.11);}
.jauth-form button,.jauth-primary-link{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,var(--jauth-accent),var(--jauth-accent-dark));
  color:#fff!important;
  text-decoration:none!important;
  font:inherit;
  font-size:13px;
  font-weight:900;
  box-shadow:0 12px 28px rgba(30,202,211,.24);
  cursor:pointer;
}
.jauth-hint{color:#849093;font-size:10px;line-height:1.45;}
.jauth-links{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;}
.jauth-links a{color:#526164!important;text-decoration:none!important;font-size:11px;font-weight:800;}
.jauth-security{display:flex;align-items:flex-start;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid #e6eeee;}
.jauth-security span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:50%;background:#e8fafa;color:#087f88;font-size:11px;font-weight:900;}
.jauth-security p{margin:2px 0 0;color:#879396;font-size:9px;line-height:1.45;}

/* WordPress core login fallback — fully white-labelled. */
body.login{
  min-height:100dvh;
  background:linear-gradient(145deg,#071012,#10272b)!important;
  color:#fff;
}
body.login #login{width:min(420px,calc(100% - 28px));padding:8vh 0 30px;}
body.login h1 a{
  width:auto!important;
  height:auto!important;
  margin-bottom:22px!important;
  background:none!important;
  text-indent:0!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
}
body.login h1 a:after{content:"JAECOO.INFO";}
body.login form{border:1px solid rgba(255,255,255,.65)!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(0,0,0,.32)!important;}
body.login label{color:#344346!important;}
body.login input[type=text],body.login input[type=password]{border-radius:12px!important;border-color:#dce8ea!important;font-size:16px!important;}
body.login .button-primary{border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#1ecad3,#099aa4)!important;box-shadow:none!important;}
body.login #nav,body.login #backtoblog,body.login .privacy-policy-page-link,body.login .language-switcher{display:none!important;}
body.login .message,body.login #login_error{border-left:0!important;border-radius:13px!important;}

@media(max-width:640px){
  .jauth-page{min-height:calc(100dvh - 70px);place-items:end center;padding:18px 12px calc(18px + env(safe-area-inset-bottom,0));}
  .jauth-panel{padding:24px 18px 20px;border-radius:24px;}
  .jauth-panel h1{font-size:32px;}
  .jauth-eyebrow{margin-top:24px;}
  .jauth-links{align-items:flex-start;flex-direction:column;gap:10px;}
}
@media(prefers-reduced-motion:reduce){.jauth-form input{transition:none!important;}}