/* Anmeldeseite: eigenes kleines Stylesheet, weil die Dateien der Lernseite erst nach der Anmeldung ausgeliefert werden */
:root{--bg:#fbf8f3;--fg:#1f2430;--muted:#6a7080;--card:#ffffff;--bd:#e5dfd3;--acc:#d9480f;--acc2:#1f4e9c;--bad:#c92a2a;--ok:#1c8a3a}
@media (prefers-color-scheme:dark){:root{--bg:#14161c;--fg:#e9e7e2;--muted:#9aa0ae;--card:#1d2028;--bd:#2d313c;--acc:#ff8a4c;--acc2:#7aa7ff;--bad:#ff6b6b;--ok:#5fd07a}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.card{width:100%;max-width:26rem;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 10px 30px #0001}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.25rem}
.mark{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;background:var(--acc);color:#fff;border-radius:9px}
.lead{margin:.6rem 0 1rem;color:var(--muted)}
form{display:grid;gap:.85rem}
form p{margin:0;color:var(--muted)}
label{display:grid;gap:.3rem;font-size:.92rem;color:var(--muted)}
input{width:100%;padding:.65rem .8rem;border:1px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--fg);font:inherit}
input:focus{outline:2px solid var(--acc2);outline-offset:1px}
button{font:inherit;cursor:pointer}
.primary{padding:.7rem 1rem;border:0;border-radius:10px;background:var(--acc);color:#fff;font-weight:600}
.primary:disabled{opacity:.6;cursor:wait}
.link{border:0;background:none;color:var(--acc2);padding:.2rem;text-align:left}
.msg{margin:0 0 1rem;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--bad);color:var(--bad)}
.msg.ok{border-color:var(--ok);color:var(--ok)}
[hidden]{display:none!important}