.portal{--bg:#0a0a0a;--panel:#161618;--panel2:#1d1d20;--line:#26262a;--ink:#f4f4f5;--muted:#8a8a92;--signal:#f59e0b;--ok:#34d399;--warn:#fbbf24;--late:#f87171;--r:6px;background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-sans),system-ui,sans-serif;font-size:14px}.portal .mono{font-family:var(--font-mono),monospace}.portal .top{border-bottom:1px solid var(--line);background:#0c0c0d}.portal .topin{justify-content:space-between;align-items:center;max-width:920px;margin:0 auto;padding:16px 22px;display:flex}.portal .brand{align-items:center;gap:11px;display:flex}.portal .brand .sq{background:var(--signal);border-radius:var(--r);color:#0a0a0a;place-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:grid}.portal .brand b{letter-spacing:.02em;font-weight:600}.portal .brand small{color:var(--muted);letter-spacing:0;font-size:11px;font-weight:400;display:block}.portal .btn{border:1px solid var(--line);background:var(--panel2);border-radius:var(--r);cursor:pointer;color:var(--ink);padding:8px 14px;font-family:inherit;font-size:12.5px}.portal .sub{color:var(--muted);font-size:12.5px}.portal .portaalfout{color:var(--late);margin-top:12px;font-size:13px}body:has(.portal){background:#0a0a0a}.portal .tekenwrap{max-width:760px;margin:0 auto;padding:26px 22px 70px}.portal .doctitel{margin:2px 0 4px;font-size:23px;font-weight:600}.portal .docsub{color:var(--muted);margin-bottom:20px;font-size:13px}.portal .contracttekst{white-space:pre-wrap;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);max-height:46vh;color:var(--ink);padding:22px;font-size:13.5px;line-height:1.75;overflow:auto}.portal .contracttekst::-webkit-scrollbar{width:9px}.portal .contracttekst::-webkit-scrollbar-thumb{background:#33333a;border-radius:9px}.portal .leeshint{color:var(--muted);margin-top:8px;font-size:12px}.portal .tekenkaart{border-radius:var(--r);color:#1d1d1f;background:#fff;margin-top:18px;padding:18px}.portal .tekenkaart .kop{color:#1d1d1f;margin-bottom:12px;font-size:13px;font-weight:600}.portal .tekenvak{background:#fcfbf9;border:1px solid #00000012;border-radius:6px}.portal .tekenvak-hint{color:#6e6e73;font-size:13px}.portal .tekenvak-lijn{border-bottom:1px dashed #00000012}.portal .tekenvak-voet .sub{color:#6e6e73}.portal .tekenkaart .btn{cursor:pointer;color:#1d1d1f;background:#fff;border:1px solid #00000012;border-radius:6px;padding:7px 13px;font-family:inherit;font-size:12.5px}.portal .tekenkaart .btn:disabled{cursor:not-allowed;opacity:.55;color:#6e6e73}.portal .akkoord{align-items:flex-start;gap:10px;margin:18px 0 6px;font-size:13px;line-height:1.55;display:flex}.portal .akkoord input{width:16px;height:16px;accent-color:var(--signal);flex:none;margin-top:3px}.portal .tekenknop{border-radius:var(--r);background:var(--signal);color:#0a0a0a;cursor:pointer;border:none;width:100%;margin-top:14px;padding:14px;font-family:inherit;font-size:14.5px;font-weight:600}.portal .tekenknop:disabled{color:var(--muted);cursor:not-allowed;background:#2a2a2e}.portal .klaar{text-align:center;padding:52px 22px}.portal .klaar .vink{background:var(--ok-bg);width:56px;height:56px;color:var(--ok);border-radius:50%;place-items:center;margin:0 auto 18px;font-size:26px;display:grid}.portal .juridisch{color:var(--muted);margin-top:22px;font-size:11.5px;line-height:1.6}@media (max-width:640px){.portal .tekenwrap{padding:18px 14px 60px}.portal .contracttekst{max-height:38vh;padding:16px}.portal .tekenkaart{padding:14px}}.vingerafdruk{border:1px solid var(--line);background:var(--paper);border-radius:10px;gap:6px;margin:18px 0 0;padding:14px 16px;display:grid}.vingerafdruk b{letter-spacing:.02em;color:var(--ink);font-size:12px}.vingerafdruk code{word-break:break-all;color:var(--signal);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.6}.vingerafdruk span{color:var(--muted);font-size:12px;line-height:1.5}.inlogeis{border:1px solid var(--signal);background:var(--paper);border-radius:10px;margin:18px 0 0;padding:16px 18px}.inlogeis b{color:var(--ink);margin-bottom:6px;font-size:13px;display:block}.inlogeis p{color:var(--muted);margin:0 0 14px;font-size:12.5px;line-height:1.6}.inlogeis .tekenknop{text-align:center;text-decoration:none;display:inline-block}