/* Anmeldeseite. Nutzt nur die Variablen aus tokens.css. */
*{box-sizing:border-box}
html{background:#fff}
.login-body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-size:14px;color:var(--text);background:
  radial-gradient(820px 520px at 6% -8%,rgba(201,226,101,.20),transparent 62%),
  radial-gradient(900px 620px at 102% 2%,rgba(150,190,255,.20),transparent 62%),
  radial-gradient(1100px 700px at 48% 112%,rgba(157,187,164,.22),transparent 62%),#fff}
.login-card{width:min(380px,100%);background:var(--glass-2);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--glass-edge);border-radius:28px;padding:32px 28px;box-shadow:var(--shadow)}
.login-mark{display:block;border-radius:12px;box-shadow:0 8px 18px -8px rgba(18,55,42,.55);margin-bottom:14px}
.login-card h1{margin:0 0 22px;font-size:24px;font-weight:600;letter-spacing:-.04em}
.login-card label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.login-card input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.85);border-radius:999px;padding:12px 18px;font:inherit;color:inherit}
.login-card input:focus{outline:none;border-color:rgba(47,122,82,.55);box-shadow:0 0 0 4px rgba(47,122,82,.12)}
.login-card button{width:100%;margin-top:16px;border:0;border-radius:999px;padding:13px 18px;background:var(--ink);color:#fff;font:inherit;font-weight:500;cursor:pointer;box-shadow:0 10px 22px -12px rgba(14,31,24,.9)}
.login-card button:hover{background:var(--pine)}
.login-error{margin:12px 2px 0;color:var(--bad);font-size:13px}