/* Minimal Auth – DSC Allendorf
   Kompakt, kantig, neutral, größere Typo, zentrierte Headline */

:root{
  --bg: #0b0f16;
  --text: #e8eef6;
  --muted: #9aa8bb;
  --line: #2a3442;
  --line-2: #1b2330;
  --ok: #6fdd8b;
  --err: #ff6b72;
  --focus: #d0d7e2;
  --accent: #cfd8e3;
  --radius: 4px;
}

.auth-min{
  max-width: 520px;
  margin: 2rem auto;
  padding: 0 1rem;
  color: var(--text);
}

.auth-min__head{
  text-align: center;            /* Überschrift & Subline zentriert */
  margin-bottom: .75rem;
  border-bottom: 1px solid var(--line);
  padding-bottom: .7rem;
}
.auth-min__head h1{
  margin: 0;
  font-size: 1.6rem;             /* größer */
  line-height: 1.25;
  letter-spacing: .3px;
}
.auth-min__head p{
  margin: .35rem 0 0 0;
  color: var(--muted);
  font-size: 1rem;               /* größer */
}

.auth-min__alert{
  border: 1px solid var(--line);
  background: #1b1f27;
  color: #f1c9cc;
  padding: .6rem .7rem;
  border-radius: var(--radius);
  margin: .75rem 0;
}
.auth-min__alert ul{ margin: 0; padding-left: 1rem; }

.auth-min__ok{
  border: 1px solid var(--line);
  background: #0f171f;
  color: var(--ok);
  padding: .6rem .7rem;
  border-radius: var(--radius);
  margin: .75rem 0 1rem;
}

.auth-min__form{
  display: grid;
  gap: .7rem;
  margin-top: .5rem;
}

.f{ display: grid; gap: .4rem; }
.f > span{
  color: var(--muted);
  font-size: 1rem;               /* größer */
}
.f em{ font-style: normal; color: var(--muted); opacity: .9; }

input[type="text"],
input[type="email"],
input[type="password"]{
  width: 100%;
  background: #0f151d;
  border: 1px solid var(--line-2);
  color: var(--text);
  border-radius: var(--radius);
  padding: .68rem .75rem;        /* etwas mehr Luft */
  font-size: 1.05rem;            /* größer */
}
input::placeholder{ color: #97a5ba80; }
input:focus{
  outline: none;
  border-color: var(--focus);
  box-shadow: 0 0 0 3px rgba(208,215,226,.18);
  background: #111823;
}

.auth-min__actions{
  display: flex;
  justify-content: center;       /* Ein-Button-Layout mittig */
  gap: .5rem;
  margin-top: .7rem;
}

.btn-min{
  border: 1px solid var(--line);
  color: var(--text);
  background: transparent;
  padding: .6rem .9rem;          /* größer */
  border-radius: var(--radius);
  text-decoration: none;
  font-weight: 600;
  font-size: 1.02rem;            /* größer */
}
.btn-min:hover{ background: #121a25; }
.btn-min:active{ transform: translateY(1px); }

.btn-min--primary{
  border-color: var(--line);
  background: #141c27;           /* neutral-dunkel, kaum Blau */
  color: var(--accent);
  font-weight: 700;
}

/* Mobile */
@media (max-width: 420px){
  .auth-min{ margin: 1.25rem auto; }
}