:root{--ink:#1a1a1a;--ink-mute:#6b6b6b;--rand:#e2e2e2;--vlak:#fff;--grond:#f6f6f5;--accent:#1f5f4f;--gevaar:#b3261e}*{box-sizing:border-box}body{color:var(--ink);background:var(--grond);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.55}a{color:var(--accent)}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:8px;padding:24px}.midden{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.smal{width:100%;max-width:380px}label{color:var(--ink-mute);margin-bottom:4px;font-size:12px;display:block}input[type=email],input[type=password],input[type=text]{border:1px solid var(--rand);background:var(--vlak);border-radius:6px;width:100%;padding:9px 10px;font-family:inherit;font-size:14px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}.knop{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500}.knop:disabled{opacity:.6;cursor:default}.melding{border-radius:6px;margin-bottom:14px;padding:10px 12px;font-size:13px}.melding.fout{color:var(--gevaar);background:#fdecea;border:1px solid #f3c2bd}.melding.goed{color:var(--accent);background:#eaf4f0;border:1px solid #bcdfd2}.note{color:var(--ink-mute);font-size:12px}.laden{background:repeating-linear-gradient(90deg,#ececeb 0 12px,#f3f3f2 12px 24px);border-radius:6px;height:14px}