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