.auth-wrap{ display:grid; place-items:center; padding:24px 16px 48px; }
.auth-card{
  width:min(720px, 92%); background:#12121a; border:1px solid rgba(255,255,255,.10);
  border-radius:16px; box-shadow:0 25px 50px rgba(0,0,0,.45); padding:24px 24px 16px;
}
.auth-card h1{ margin:0 0 14px; font-size:32px; }
.field{ display:flex; flex-direction:column; gap:8px; margin:12px 0; }
.field span{ color:#c7c9d3; font-size:14px; }
.field em{ font-style:normal; color:#8f95a3; font-size:12px; margin-left:6px; }
.field input{
  appearance:none; background:#0f0f16; color:#eaeaf2; border:1px solid rgba(255,255,255,.12);
  border-radius:10px; padding:12px 14px; outline:none;
}
.row{ display:flex; gap:10px; margin:10px 0 14px; }
.btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:999px; border:1px solid rgba(255,255,255,.14); color:#eaeaf2; background:#14141c; font-weight:700; text-decoration:none; }
.btn.primary{ background:#6366f1; border-color:#6366f1; color:#fff; }
.g-oauth{
  display:flex; align-items:center; gap:10px; padding:10px 14px; background:#14141c; border:1px solid rgba(255,255,255,.14);
  border-radius:12px; text-decoration:none; color:#eaeaf2;
}
.g-oauth img{ display:block; }
.below{ margin-top:14px; color:#aab0ff; }