@import url('_base.css');

.auth{ display:flex; justify-content:center; }
.authCard{
  width: min(420px, 100%);
  border:1px solid rgba(215,177,111,.18);
  background:rgba(255,255,255,.03);
  border-radius:24px;
  padding:18px;
  box-shadow: var(--shadow);
}
.authCard h1{ margin:0 0 10px; font-family:var(--font2); letter-spacing:.08em; }
.field{ display:flex; flex-direction:column; gap:6px; margin-top:10px; }
label{ font-size:12px; color:rgba(232,237,247,.70); }
input{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(10,12,18,.55);
  color:var(--text);
  outline:none;
}
input:focus{ border-color:rgba(215,177,111,.42); }