/* Approved light login: Mosaico Creativo layout with an airy Aurora palette. */
.admin-login{
  position:relative;
  min-height:100vh;
  padding:88px clamp(24px,5vw,88px) 48px;
  background:
    radial-gradient(circle at 100% 0%,#dcecff 0,transparent 32%),
    radial-gradient(circle at 0% 100%,#e0faf4 0,transparent 30%),
    linear-gradient(110deg,#f7fbff 0%,#fff 50%,#f3f0ff 100%);
  background-size:cover;
  background-position:center;
}
.admin-login .login-back{
  position:absolute;
  top:36px;
  right:clamp(24px,5vw,88px);
  color:#365690;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}
.admin-login .login-back:hover,.admin-login .login-links a:hover{text-decoration:underline}
.admin-login .login-card{
  width:min(1330px,100%);
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr);
  align-items:center;
  gap:clamp(36px,5.8vw,88px);
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.admin-login .login-intro{
  display:block;
  min-width:0;
  padding:0;
  overflow:visible;
  color:#193c81;
  background:none;
}
.admin-login .login-intro::before{display:none}
.admin-login .login-intro .brand{
  margin:0 0 82px;
  color:#173a7c;
  font-size:29px;
  letter-spacing:-.03em;
}
.admin-login .login-intro .logo{
  width:48px;
  height:48px;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(140deg,#315be8 10%,#7258eb 70%,#f07094);
  box-shadow:0 10px 22px rgba(65,88,190,.14);
}
.admin-login .login-eyebrow{
  display:inline-flex;
  padding:9px 17px;
  border-radius:30px;
  color:#078d83;
  background:#e2f8f4;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.admin-login .login-intro h1{
  max-width:680px;
  margin:26px 0 23px;
  color:#173a7c;
  font-size:clamp(43px,4.1vw,60px);
  letter-spacing:-.055em;
  line-height:1.14;
}
.admin-login .login-intro h1 span{
  display:block;
  color:#16a6cf;
}
.admin-login .login-intro>p{
  max-width:650px;
  margin:0;
  color:#435d8c;
  font-size:clamp(18px,1.45vw,22px);
  line-height:1.55;
}
.admin-login .login-benefits{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:72px;
}
.admin-login .login-benefits article{
  min-height:164px;
  padding:23px;
  border:1px solid #d7e6fb;
  border-radius:24px;
  background:linear-gradient(145deg,#eaf3ff,#eff2ff);
}
.admin-login .login-benefits article:nth-child(2){
  background:linear-gradient(145deg,#f0f1ff,#f8f4ff);
}
.admin-login .login-benefits span{
  display:block;
  margin-bottom:13px;
  color:#0aa992;
  font-size:27px;
  font-weight:800;
}
.admin-login .login-benefits article:nth-child(2) span{color:#ed6b83}
.admin-login .login-benefits strong{
  display:block;
  color:#173a7c;
  font-size:20px;
  line-height:1.25;
}
.admin-login .login-benefits p{
  margin:12px 0 0;
  color:#536b97;
  font-size:15px;
  line-height:1.4;
}
.admin-login .login-intro>small{
  display:block;
  margin-top:62px;
  color:#60749c;
  font-size:14px;
}
.admin-login .login{
  min-height:670px;
  padding:42px;
  border:1px solid #edf1fa;
  border-radius:34px;
  background:#fff;
  box-shadow:0 24px 66px rgba(48,77,142,.12);
}
.admin-login .login-topline{
  display:flex;
  align-items:center;
  gap:14px;
  color:#5871a3;
  font-size:13px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.admin-login .login-mark{
  display:grid;
  place-items:center;
  flex:none;
  width:48px;
  height:48px;
  border-radius:16px;
  color:#21bea3;
  background:#e8f4ff;
  font-size:21px;
}
.admin-login .theme-login-toggle{
  float:none;
  margin:0 0 0 auto;
  padding:8px 11px;
  color:#3b5898!important;
  border:1px solid #dce7f7!important;
  border-radius:12px;
  background:#fff!important;
  box-shadow:none;
  font-size:12px;
  text-transform:none;
  letter-spacing:0;
  white-space:nowrap;
}
.admin-login .login h2{
  margin:54px 0 10px;
  color:#173a7c;
  font-size:clamp(31px,2.6vw,37px);
  letter-spacing:-.045em;
}
.admin-login .login>p:not(.login-links){
  margin:0 0 48px;
  color:#637797;
  font-size:18px;
}
.admin-login .field{gap:10px}
.admin-login .field label{
  color:#173a7c;
  font-size:16px;
  font-weight:750;
}
.admin-login .field input{
  width:100%;
  height:60px;
  padding:15px 18px;
  color:#173a7c;
  border:1px solid #d4e2f6;
  border-radius:15px;
  background:#f9fbff;
  font-size:17px;
}
.admin-login .field input::placeholder{color:#879ab8}
.admin-login .login-password{margin-top:22px}
.admin-login #realLogin{
  width:100%;
  min-height:64px;
  margin-top:44px;
  border:0;
  border-radius:16px;
  color:#fff;
  background:#ed6b83;
  box-shadow:none;
  font-size:18px;
  font-weight:800;
}
.admin-login #realLogin:hover:not(:disabled){background:#d95070}
.admin-login .login-links{margin:27px 0 0}
.admin-login .login-links a{
  color:#42639d;
  font-size:15px;
  text-decoration:none;
}
.admin-login .login .demo{margin:0 0 22px}
.admin-login.has-custom-background .login-intro{
  padding:32px;
  border-radius:30px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);
}
@media(max-width:950px){
  .admin-login{padding-top:90px}
  .admin-login .login-card{
    max-width:680px;
    grid-template-columns:1fr;
    gap:36px;
  }
  .admin-login .login-intro .brand{margin-bottom:38px}
  .admin-login .login-benefits{margin-top:32px}
  .admin-login .login-intro>small{margin-top:26px}
  .admin-login .login{min-height:auto}
}
@media(max-width:560px){
  .admin-login{padding:85px 16px 28px}
  .admin-login .login-back{top:24px;right:17px}
  .admin-login .login-card{gap:25px}
  .admin-login .login-intro .brand{font-size:23px}
  .admin-login .login-intro .logo{width:42px;height:42px}
  .admin-login .login-intro h1{font-size:clamp(35px,10vw,44px)}
  .admin-login .login-intro>p{font-size:17px}
  .admin-login .login-benefits{gap:10px}
  .admin-login .login-benefits article{min-height:155px;padding:16px}
  .admin-login .login-benefits strong{font-size:16px}
  .admin-login .login-benefits p{font-size:13px}
  .admin-login .login-intro>small{display:none}
  .admin-login .login{padding:24px;border-radius:25px}
  .admin-login .login-topline{flex-wrap:wrap}
  .admin-login .theme-login-toggle{margin-left:0}
  .admin-login .login h2{margin-top:30px}
  .admin-login .login>p:not(.login-links){margin-bottom:30px}
  .admin-login #realLogin{margin-top:30px}
}
html[data-theme="dark"] .admin-login{
  background:radial-gradient(circle at 90% 0%,#273f75,transparent 35%),#0e1b38;
}
html[data-theme="dark"] .admin-login .login-back,
html[data-theme="dark"] .admin-login .login-intro .brand,
html[data-theme="dark"] .admin-login .login-intro h1{color:#f5f8ff}
html[data-theme="dark"] .admin-login .login-intro h1 span{color:#a8f5e4}
html[data-theme="dark"] .admin-login .login-intro>p,
html[data-theme="dark"] .admin-login .login-intro>small{color:#c4d2ed}
html[data-theme="dark"] .admin-login .login-eyebrow{background:#254e69;color:#aeffe8}
html[data-theme="dark"] .admin-login .login-benefits article{
  background:#1b315d;
  border-color:#395583;
}
html[data-theme="dark"] .admin-login .login-benefits strong{color:#f4f7ff}
html[data-theme="dark"] .admin-login .login-benefits p{color:#c3d2eb}
html[data-theme="dark"] .admin-login .login{
  background:#172b51;
  border-color:#314c7a;
}
html[data-theme="dark"] .admin-login .login h2,
html[data-theme="dark"] .admin-login .field label{color:#f5f8ff}
html[data-theme="dark"] .admin-login .login>p:not(.login-links){color:#c5d2eb}
html[data-theme="dark"] .admin-login .field input{
  background:#203a68;
  border-color:#496493;
  color:#f5f8ff;
}
html[data-theme="dark"] .admin-login .field input::placeholder{color:#aabbd9}
html[data-theme="dark"] .admin-login .login-topline{color:#c9d7f0}
html[data-theme="dark"] .admin-login .theme-login-toggle{
  background:#213b69!important;
  border-color:#476498!important;
  color:#f5f8ff!important;
}
html[data-theme="dark"] .admin-login .login-links a{color:#b8d5ff}
html[data-theme="dark"] .admin-login.has-custom-background .login-intro{
  background:rgba(23,43,81,.93);
}