/* Страница входа/регистрации */
body{display:flex;align-items:center;justify-content:center;overflow:hidden;}
#auth{width:340px;padding:26px;}
#auth .subtitle{
  text-align:center;font-size:11px;color:var(--parchment-dim);
  font-style:italic;margin:-4px 0 18px 0;letter-spacing:1px;
}
.tabs{display:flex;gap:6px;margin-bottom:16px;}
.tabs button{
  flex:1;background:var(--stone-mid);border:1px solid var(--border);
  color:var(--parchment-dim);padding:8px;border-radius:4px;
  cursor:pointer;font-family:inherit;font-size:12px;
  letter-spacing:1px;text-transform:uppercase;
  transition:color .15s,border-color .15s;
}
.tabs button.active{color:var(--gold-bright);border-color:var(--gold);}
label{display:block;font-size:11px;color:var(--parchment-dim);
  letter-spacing:1px;text-transform:uppercase;margin:12px 0 4px 0;}
input{
  width:100%;background:#0f0d0b;border:1px solid var(--border);
  border-radius:4px;color:var(--parchment);padding:9px 10px;
  font-family:inherit;font-size:14px;
}
input:focus{outline:none;border-color:var(--gold);}
#submitBtn{
  width:100%;margin-top:20px;padding:11px;
  background:linear-gradient(180deg,#3c2a1e,#2b1e15);
  border:1px solid var(--gold);border-radius:4px;
  color:var(--gold-bright);font-family:inherit;font-size:13px;
  letter-spacing:2px;text-transform:uppercase;cursor:pointer;
  transition:background .15s;
}
#submitBtn:hover{background:linear-gradient(180deg,#4a3425,#33241a);}
#submitBtn:disabled{opacity:.5;cursor:wait;}
#error{
  min-height:18px;margin-top:12px;text-align:center;
  font-size:12px;color:var(--blood-bright);
}