/* ============================================================
   STANDALONE AUTH PAGES (login) — landing2 visual style
   Auto-drifting gradient background (same as legal/faq/docs/plugin
   pages) with a small centered logo and a white rounded-rectangle
   form card. No nav pill or footer — this is a dedicated auth page,
   kept deliberately minimal.
   ============================================================ */

.auth2-page{
  position:relative;
  z-index:1;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding: 60px 24px;
}

.auth2-logo{
  display:block;
  margin-bottom:28px;
}
.auth2-logo img{
  height:30px;
  width:auto;
  display:block;
}

.auth2-card{
  width:100%;
  max-width:420px;
  background:#ffffff;
  border-radius:24px;
  padding: 40px 36px 36px;
  box-shadow: 0 30px 80px rgba(20,20,50,0.12), 0 4px 14px rgba(20,20,50,0.05);
}

.auth2-card h1{
  font-size:22px;
  font-weight:800;
  letter-spacing:-0.01em;
  color: var(--ink);
  text-align:center;
}

.auth2-card p.auth2-sub{
  margin-top:8px;
  margin-bottom:26px;
  font-size:14px;
  color: var(--ink-soft);
  text-align:center;
}

.auth2-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;
}
.auth2-row span{
  font-size:12.5px;
  font-weight:600;
  color: var(--ink-soft);
}
.auth2-row a{
  font-size:12.5px;
  font-weight:600;
  color:#2E3BC1;
  text-decoration:none;
}
.auth2-row a:hover{ text-decoration:underline; }

@media (max-width: 480px){
  .auth2-card{ padding: 32px 24px 30px; border-radius:20px; }
}