.portal{background:var(--surface);min-height:100dvh;color:var(--ink);font-family:var(--font-sans),system-ui,sans-serif;font-size:var(--t-body);-webkit-font-smoothing:antialiased;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);line-height:1.5}.portal .mono{font-family:var(--font-mono),monospace}.portal .top{background:var(--sidebar);color:var(--warmwit);padding-top:env(safe-area-inset-top)}.portal .topin{justify-content:space-between;align-items:center;max-width:920px;margin:0 auto;padding:16px 22px;display:flex}.portal .topmerk{align-items:center;gap:12px;min-width:0;display:flex}.portal .topmerk svg{color:var(--warmwit);flex:none}.portal .topmerk small{color:var(--muted-donker);font-size:var(--t-micro);letter-spacing:.16em;text-transform:uppercase;font-family:var(--font-mono),monospace;border-left:1px solid var(--line-donker);white-space:nowrap;padding-left:12px}.portal .tekenwrap{max-width:760px;padding:28px 22px calc(70px + env(safe-area-inset-bottom));margin:0 auto}.portal .doctitel{font-size:var(--t-display);letter-spacing:-.022em;margin:2px 0 6px;font-weight:600;line-height:1.15}.portal .docsub{color:var(--muted);font-size:var(--t-klein);margin-bottom:20px;line-height:1.6}.portal .contracttekst{white-space:pre-wrap;font-size:var(--t-body);border-radius:var(--r);background:var(--card);box-shadow:var(--rust);max-height:46vh;color:var(--ink);border:0;padding:22px;line-height:1.75;overflow:auto}.portal .contracttekst::-webkit-scrollbar{width:9px}.portal .contracttekst::-webkit-scrollbar-thumb{background:var(--line-sterk);border-radius:9px}.portal .leeshint{font-size:var(--t-micro);color:var(--muted);margin-top:8px}.portal .tekenkaart{background:var(--card);border-radius:var(--r);box-shadow:var(--rust);color:var(--ink);margin-top:18px;padding:18px}.portal .tekenkaart .kop{font-size:var(--t-klein);color:var(--ink);margin-bottom:12px;font-weight:600}.portal .akkoord{font-size:var(--t-klein);align-items:flex-start;gap:10px;margin:18px 0 6px;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:1px solid var(--signal);border-radius:var(--r-knop);background:var(--signal);width:100%;min-height:48px;color:var(--op-signal);font-family:inherit;font-size:var(--t-body);cursor:pointer;margin-top:14px;padding:14px;font-weight:600;transition:background .14s,border-color .14s,transform 60ms}.portal .tekenknop:hover:not(:disabled){background:var(--signal-hover);border-color:var(--signal-hover)}.portal .tekenknop:active:not(:disabled){transform:scale(.99)}.portal .tekenknop:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.portal .tekenknop:disabled{border-color:var(--line-sterk);color:var(--muted);cursor:not-allowed;background:0 0}.portal .klaar{text-align:center;padding:52px 22px calc(52px + env(safe-area-inset-bottom))}.portal .klaar .vink{background:var(--ok-bg);width:56px;height:56px;color:var(--ok-tekst);border-radius:50%;place-items:center;margin:0 auto 18px;font-size:26px;display:grid}.portal .juridisch{font-size:var(--t-micro);color:var(--muted);margin-top:22px;line-height:1.6}@media (max-width:640px){.portal .tekenwrap{padding:18px 14px calc(60px + env(safe-area-inset-bottom))}.portal .topin{padding:14px 16px}.portal .contracttekst{max-height:38vh;padding:16px}.portal .tekenkaart{padding:14px}}.vingerafdruk{border:1px solid var(--line);border-radius:var(--r);background:var(--card);gap:6px;margin:18px 0 0;padding:14px 16px;display:grid}.vingerafdruk b{font-size:var(--t-klein);letter-spacing:.02em;color:var(--ink)}.vingerafdruk code{font-family:var(--font-mono), monospace;font-size:var(--t-micro);word-break:break-all;color:var(--signal-op);line-height:1.6}.vingerafdruk span{font-size:var(--t-klein);color:var(--muted);line-height:1.5}.inlogeis{border:1px solid var(--signal);border-radius:var(--r);background:var(--card);margin:18px 0 0;padding:16px 18px}.inlogeis b{font-size:var(--t-klein);color:var(--ink);margin-bottom:6px;display:block}.inlogeis p{font-size:var(--t-klein);color:var(--muted);margin:0 0 14px;line-height:1.6}.inlogeis .tekenknop{text-align:center;text-decoration:none;display:inline-block}@media (prefers-reduced-motion:reduce){.portal .tekenknop{transition:none}.portal .tekenknop:active:not(:disabled){transform:none}}html[data-thema=donker] .portal{background:0 0}html[data-thema=donker] .portal .top{box-shadow:inset 0 -1px #f9932d59}html[data-thema=donker] .portal .tekenknop:not(:disabled){box-shadow:0 6px 18px -8px #f9932df2}