/* login.css — was nur die Anmeldung braucht.
 *
 * Die Fehlermeldung, und zwei Regeln, die css/auth.css ueberschreiben:
 * .reg-submit und .reg-back sind hier <button>-Elemente. Ein <button>
 * erbt weder Schrift noch Hintergrund vom Dokument, beides muss stehen.
 * Die Datei wird NACH css/auth.css eingebunden, damit das greift.
 */

.reg-submit{
  width:100%;padding:14px;border-radius:var(--r-xl);
  background:var(--grad-green);color:var(--navy);
  font-size:15px;font-weight:800;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
  transition:opacity .2s,transform .2s,box-shadow .2s;
  box-shadow:0 4px 20px var(--accent-t20);
  margin-top:8px;font-family:var(--font-base);
}

.reg-error{
  margin-top:12px;padding:10px 14px;border-radius:var(--r-md);
  background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.2);
  color:var(--err);font-size:13px;font-weight:600;display:none;
}

.reg-error.show{display:block;}

@keyframes pop-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}

.reg-back{
  margin-top:28px;
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 20px;border-radius:var(--r-xl);
  border:1px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.6);font-size:13px;font-weight:600;
  background:none;cursor:pointer;font-family:var(--font-base);
  transition:border-color .2s,color .2s;
}