/* =========================================================
   LOGIN (login.html im iFrame)
   ========================================================= */

.login-embed-body{
  background:transparent;
  color:var(--navText);
  height:100%;
}

.login-embed-wrap{
  height:100%;
  display:flex;
  justify-content:center;
  padding:34px 18px 24px;
}

.login-grid{
  width:100%;
  max-width:1180px;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:60px;
  align-items:start;
}

.login-left{ max-width:520px; }

.login-title{
  margin:0 0 16px 0;
  font-size:18px;
  letter-spacing:.06em;
}

.login-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.login-label{
  font-size:12px;
  color:var(--navMut);
  margin-top:6px;
}

.login-input{
  height:38px;
  border-radius:2px;
  border:1px solid rgba(255,255,255,.18);
  background:#ffffff;
  color:#0f172a;
  padding:0 12px;
  outline:0;
}

.login-input:focus{
  border-color:rgba(47,124,246,.7);
  box-shadow:0 0 0 3px rgba(47,124,246,.18);
}

.login-btn{
  margin-top:12px;
  height:42px;
  border:0;
  border-radius:2px;
  background:#d8c79a;
  color:#0b1220;
  cursor:pointer;
  letter-spacing:.02em;
}
.login-btn:hover{ filter:brightness(.97); }

.login-links{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
  font-size:12px;
  color:var(--navMut);
  flex-wrap:wrap;
}

.login-link{
  color:#7fb3ff;
  text-decoration:none;
}
.login-link:hover{ text-decoration:underline; }
.login-dot{ opacity:.7; }
.login-muted{ opacity:.85; }

.login-error{
  margin-top:10px;
  padding:10px 12px;
  border-radius:6px;
  background:rgba(239,68,68,.15);
  border:1px solid rgba(239,68,68,.35);
  color:#ffd1d1;
}

.login-demo-hint{
  margin-top:10px;
  font-size:12px;
  color:rgba(234,240,246,.85);
}

.login-note{
  margin-top:38px;
  max-width:520px;
  color:var(--navMut);
  font-size:12px;
  line-height:1.5;
}
.login-note-title{
  color:#9fb6cc;
  margin-bottom:8px;
}
.login-note a{ color:#7fb3ff; text-decoration:none; }
.login-note a:hover{ text-decoration:underline; }

/* RIGHT CARD */
.login-right{
  display:flex;
  justify-content:flex-end;
}

.login-info-card{
  width:100%;
  max-width:520px;
  border-radius:8px;
  padding:18px 18px 16px;
  background:rgba(4, 23, 41, .55);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 40px rgba(0,0,0,.35);
  backdrop-filter: blur(6px);
}

.login-info-title{
  text-align:center;
  font-size:14px;
  color:var(--navText);
  margin-bottom:12px;
}

.login-info-text{
  margin:0;
  color:#c7d6e6;
  font-size:12px;
  line-height:1.55;
}

.login-info-more{
  display:block;
  text-align:center;
  margin-top:12px;
  color:#7fb3ff;
  text-decoration:none;
  font-size:12px;
}
.login-info-more:hover{ text-decoration:underline; }

/* Responsive */
@media (max-width:980px){
  .login-grid{
    grid-template-columns:1fr;
    gap:26px;
  }
  .login-right{ justify-content:flex-start; }
}