:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f1ec;--panel:#fff;--text:#14141a;--muted:#6c6c75;--line:#e4e0d6;--accent:#f92050;--on-accent:#fff;--error:#ef4444;--chip:#f6f4ef;--shadow:0 1px 3px #0d0e120f, 0 8px 24px #0d0e120d;--spring:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e12;--panel:#15161c;--text:#f6f5f1;--muted:#f6f5f19e;--line:#f6f5f124;--chip:#1c1d24;--shadow:0 1px 3px #0006, 0 8px 24px #00000059}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);place-items:center;min-height:100vh;padding:24px;font-family:DM Sans,system-ui,-apple-system,sans-serif;line-height:1.6;display:grid}.login-kaart{background:var(--panel);border:1px solid var(--line);width:min(400px,100%);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:16px;padding:32px;display:flex}.login-merk{letter-spacing:-.01em;align-items:center;gap:10px;font-family:Syne,system-ui,sans-serif;font-size:17px;font-weight:700;display:flex}.login-merk .blok{background:var(--accent);border-radius:3px;flex:none;width:12px;height:12px}.login-uitleg{color:var(--muted);font-size:13px}.login-veld{flex-direction:column;gap:6px;display:flex}.login-veld label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.login-veld input{font:inherit;color:var(--text);background:var(--chip);border:1px solid var(--line);transition:border-color .18s var(--spring);border-radius:8px;outline:none;padding:10px 14px;font-size:15px}.login-veld input:focus-visible{border-color:var(--accent)}.login-knop{font:inherit;border:2px solid var(--accent);background:var(--accent);color:var(--on-accent);cursor:pointer;transition:background-color .22s var(--spring), color .22s var(--spring);border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600}.login-knop:hover{color:var(--accent);background:0 0}.login-knop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-knop:disabled{opacity:.6;cursor:default}.login-fout{color:var(--error);min-height:1.2em;font-size:13px}