/* ==========================================================================
   Registrieren (/registrieren) – zentrierte Konto-Karte.
   Nutzt das gemeinsame Seiten-Designsystem (pages.css): phero, pcard, pform,
   pfield, pcontrol. Hier nur die schmale, zentrierte Spalte + Feinheiten.
   ========================================================================== */
.pcontainer.reg-wrap { max-width: 33rem; }

.reg-card { display: grid; gap: 1.15rem; }

.reg-intro {
    margin: 0;
    color: var(--text-muted);
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
}

.reg-form { display: grid; gap: 1rem; margin-top: .2rem; }

.pfield__hint {
    display: block;
    margin-top: .4rem;
    color: var(--text-muted);
    font-size: .82rem;
}

.reg-submit { width: 100%; justify-content: center; margin-top: .3rem; }
/* „Passwort vergessen?" – dezenter, rechtsbündiger Link unter dem Passwortfeld. */
.reg-forgot { margin: -.35rem 0 .1rem; text-align: right; }
.reg-forgot a { color: var(--gold); font-weight: 600; font-size: .9rem; text-decoration: none; }
.reg-forgot a:hover { text-decoration: underline; }

.reg-alt {
    margin: 0;
    text-align: center;
    color: var(--text-muted);
    font-size: .95rem;
}
.reg-alt a { color: var(--gold); font-weight: 600; text-decoration: none; }
.reg-alt a:hover { text-decoration: underline; }

/* Mobil: etwas weniger Innenabstand, Felder gestapelt (prow--2 bricht über
   pages.css bereits um). */
@media (max-width: 560px) {
    .reg-card { gap: 1rem; }
}