@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sz-blauw: #1d58a1;--sz-grijs: #697078;--sz-tekst: #3a4f66;--sz-marine: #192a3d;--sz-rand: #e1e8ed;--sz-vlak: #f2f5f7;--sz-vlak-licht: #fafbfc;--sz-wit: #ffffff;--font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--t-xs: .75rem;--t-s: .875rem;--t-m: 1rem;--t-l: 1.1875rem;--t-xl: 1.4375rem;--t-2xl: 1.75rem;--t-3xl: 2.125rem;--r-1: .25rem;--r-2: .5rem;--r-3: .75rem;--r-4: 1rem;--r-5: 1.5rem;--r-6: 2rem;--r-7: 3rem;--radius: 10px;--radius-s: 7px;--radius-vol: 999px;--duur: .18s;--soepel: cubic-bezier(.16, 1, .3, 1)}:root,[data-thema=licht]{color-scheme:light;--vlak: var(--sz-vlak);--vlak-op: var(--sz-wit);--vlak-in: var(--sz-vlak-licht);--vlak-stil: #e8eef3;--rand: var(--sz-rand);--rand-sterk: #c7d4de;--tekst: var(--sz-tekst);--tekst-sterk: var(--sz-marine);--tekst-zacht: #55687e;--accent: var(--sz-blauw);--accent-hover: #17477f;--accent-op: var(--sz-wit);--accent-stil: #e7eef7;--accent-rand: #b9cde6;--schaduw: 0 1px 2px rgba(25, 42, 61, .06), 0 4px 12px rgba(25, 42, 61, .06);--schaduw-op: 0 2px 4px rgba(25, 42, 61, .08), 0 12px 28px rgba(25, 42, 61, .1)}[data-thema=donker]{color-scheme:dark;--vlak: #111d2b;--vlak-op: var(--sz-marine);--vlak-in: #14212f;--vlak-stil: #1f3348;--rand: #2a3d52;--rand-sterk: #3a5168;--tekst: #c3d0dd;--tekst-sterk: #ffffff;--tekst-zacht: #8fa3b8;--accent: #6aa6e0;--accent-hover: #8bbcea;--accent-op: #08131f;--accent-stil: #1b3452;--accent-rand: #2f5b8a;--schaduw: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .3);--schaduw-op: 0 2px 4px rgba(0, 0, 0, .35), 0 12px 28px rgba(0, 0, 0, .4)}[data-thema=projectie]{color-scheme:dark;--vlak: #0e1925;--vlak-op: var(--sz-marine);--vlak-in: #14212f;--vlak-stil: #1f3348;--rand: #2a3d52;--rand-sterk: #3a5168;--tekst: #d4dfea;--tekst-sterk: #ffffff;--tekst-zacht: #93a8bd;--accent: #4b91da;--accent-hover: #6aa6e0;--accent-op: #ffffff;--accent-stil: #1b3452;--accent-rand: #2f5b8a;--schaduw: none;--schaduw-op: none}*,*:before,*:after{box-sizing:border-box}html{background:var(--vlak);-webkit-text-size-adjust:100%}body{margin:0;background:var(--vlak);color:var(--tekst);font-family:var(--font);font-weight:300;font-size:var(--t-m);line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--tekst-sterk);font-weight:500;line-height:1.25;letter-spacing:-.015em;text-wrap:balance;margin:0}::selection{background:var(--accent);color:var(--accent-op)}:where(input,textarea){caret-color:var(--accent)}:where(a){color:var(--accent);text-underline-offset:.2em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-s)}:focus:not(:focus-visible){outline:none}@supports (scrollbar-color: auto){html{scrollbar-color:var(--rand-sterk) transparent;scrollbar-width:thin}}.cijfers{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.schil{max-width:64rem;margin:0 auto;padding:0 var(--r-4) var(--r-7);min-height:100dvh}.kop{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--r-3);padding:var(--r-3) 0;background:color-mix(in srgb,var(--vlak) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rand)}.kop .merk{flex:1;min-width:0;color:var(--tekst-sterk);font-weight:500;font-size:var(--t-s);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kop .code{color:var(--tekst-zacht);font-size:var(--t-xs);letter-spacing:.14em;font-variant-numeric:tabular-nums}.kop-bevestiging{display:flex;align-items:center;gap:var(--r-1);color:var(--accent);font-size:var(--t-xs);font-weight:500;white-space:nowrap}.kop-bevestiging svg{width:15px;height:15px}.thema-knop,.telefoon-indicator{flex:none;display:grid;place-items:center;min-width:36px;height:36px;padding:0 var(--r-2);border:1px solid var(--rand);border-radius:var(--radius-vol);background:var(--vlak-op);color:var(--tekst-zacht);font:inherit;font-size:var(--t-xs);font-weight:500;cursor:pointer;transition:color var(--duur) var(--soepel),border-color var(--duur) var(--soepel)}.thema-knop{padding:0}.thema-knop:hover,.telefoon-indicator:hover{color:var(--accent);border-color:var(--accent-rand)}.thema-knop svg{width:17px;height:17px}.telefoon-indicator{display:flex;gap:var(--r-1);white-space:nowrap}.telefoon-indicator-gekoppeld{color:var(--accent);border-color:var(--accent-rand);background:var(--accent-stil)}.telefoon-indicator svg{width:16px;height:16px}.telefoon-indicator-gekoppeld svg:last-child{width:13px;height:13px;margin-left:-2px}.strip{margin-top:var(--r-3);padding:var(--r-2) var(--r-4);border:1px solid var(--accent-rand);border-radius:var(--radius-s);background:var(--accent-stil);color:var(--accent);font-size:var(--t-s);font-weight:500}.strip-stil{border-color:var(--rand);background:transparent;color:var(--tekst-zacht);font-weight:400}.tegels{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto auto;gap:var(--r-4);margin-top:var(--r-4)}.tegel{background:var(--vlak-op);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);padding:var(--r-5) var(--r-4)}.tegel h2{font-size:var(--t-m);font-weight:500;margin:0 0 var(--r-3)}.tegel-chat{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;gap:var(--r-3)}.tegel-chat-toelichting{color:var(--tekst-zacht);font-size:var(--t-s);margin:0 0 var(--r-4)}.tegel-chat .voetnoot-fout{color:var(--tekst-zacht);font-weight:500;margin-bottom:var(--r-1)}.tegel-stil{background:var(--vlak-stil);color:var(--tekst-zacht)}.tegel-stil h2{color:var(--tekst-zacht)}.tegel-mededeling{margin:0;font-size:var(--t-s);line-height:1.6}.tegel-kop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--r-3);margin-bottom:var(--r-3)}.tegel-kop h2{margin:0}.tegel-terug,.tegel-link{background:none;border:none;padding:0;color:var(--accent);font:inherit;font-size:var(--t-s);font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.tegel-leeg{color:var(--tekst-zacht);font-size:var(--t-s);margin:0 0 var(--r-3)}.opdracht-titel{font-size:var(--t-l);font-weight:500;color:var(--tekst-sterk);margin:0 0 var(--r-3);line-height:1.35}.opdracht-stappen{margin:0 0 var(--r-3);padding-left:1.25em;display:grid;gap:var(--r-2);color:var(--tekst);font-size:var(--t-s);line-height:1.5}.opdracht-voorbeeld{margin:0 0 var(--r-3);padding:var(--r-3);border-radius:var(--radius-s);background:var(--vlak-in);color:var(--tekst-zacht);font-size:var(--t-xs);font-style:italic}.opdrachten-lijst{list-style:none;margin:0;padding:0;display:grid;gap:var(--r-1)}.opdrachten-lijst li{display:flex;align-items:baseline;gap:var(--r-3);padding:var(--r-2) var(--r-3);border-radius:var(--radius-s);font-size:var(--t-s)}.opdrachten-lijst li[aria-current=true]{background:var(--accent-stil);color:var(--tekst-sterk);font-weight:500}.opdracht-laag{flex:none;min-width:4.5em;color:var(--tekst-zacht);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.06em}.tegel-toelichting{color:var(--tekst-zacht);font-size:var(--t-s);margin:0 0 var(--r-3)}.naslag-lijst{list-style:none;margin:0;padding:0;display:grid;gap:var(--r-2)}.naslag-inhoud{font-size:var(--t-s);line-height:1.65;color:var(--tekst)}.naslag-inhoud h1{font-size:var(--t-l);margin:0 0 var(--r-3)}.naslag-inhoud h2{font-size:var(--t-m);margin:var(--r-4) 0 var(--r-2)}.naslag-inhoud p{margin:0 0 var(--r-3)}.naslag-inhoud ul,.naslag-inhoud ol{margin:0 0 var(--r-3);padding-left:1.25em}.inlogkaart{margin-top:var(--r-4);border:1px solid var(--rand);border-radius:var(--radius);background:var(--vlak-op);overflow:hidden}.inlogkaart-schakel{width:100%;display:flex;justify-content:space-between;padding:var(--r-3) var(--r-4);background:none;border:none;color:var(--tekst-zacht);font:inherit;font-size:var(--t-s);font-weight:500;cursor:pointer;text-align:left}.inlogkaart-schakel:hover{color:var(--accent)}.inlogkaart-inhoud{padding:0 var(--r-4) var(--r-4);display:grid;gap:var(--r-2);border-top:1px solid var(--rand);padding-top:var(--r-3)}.inlog-veld{display:flex;align-items:center;gap:var(--r-3);padding:var(--r-2) var(--r-3);background:var(--vlak-in);border-radius:var(--radius-s)}.inlog-veld-label{flex:none;width:6.5em;color:var(--tekst-zacht);font-size:var(--t-xs)}.inlog-veld-waarde{flex:1;min-width:0;color:var(--tekst-sterk);font-size:var(--t-s);overflow-wrap:anywhere}.inlog-veld-kopieer{flex:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--rand);border-radius:var(--radius-s);background:var(--vlak-op);color:var(--tekst-zacht);cursor:pointer}.inlog-veld-kopieer:hover{color:var(--accent);border-color:var(--accent-rand)}.inlog-veld-kopieer svg{width:14px;height:14px}.inlogkaart-terugval{color:var(--accent);font-size:var(--t-xs)}.toestand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--r-3);text-align:center;min-height:calc(100dvh - 6rem);padding:var(--r-5) var(--r-2)}.toestand h1{font-size:var(--t-2xl);max-width:24ch}.toestand p{color:var(--tekst-zacht);margin:0;max-width:32ch}.code-formulier{display:flex;gap:var(--r-2);margin-top:var(--r-3)}.code-invoer{width:8rem;text-align:center;padding:var(--r-3);border:1px solid var(--rand);border-radius:var(--radius-s);background:var(--vlak-in);color:var(--tekst-sterk);font:inherit;font-size:var(--t-l);font-weight:500;letter-spacing:.2em;text-transform:uppercase}.code-invoer:focus{outline:none;border-color:var(--accent)}.knop{display:inline-flex;align-items:center;justify-content:center;gap:var(--r-2);min-height:50px;padding:var(--r-3) var(--r-5);border:1px solid transparent;border-radius:var(--radius-s);background:var(--accent);color:var(--accent-op);font:inherit;font-weight:500;cursor:pointer;width:100%;transition:background var(--duur) var(--soepel),opacity var(--duur) var(--soepel)}@media(hover:hover){.knop:hover:not(:disabled){background:var(--accent-hover)}}.knop:disabled{background:var(--vlak-stil);color:var(--tekst-zacht);cursor:not-allowed}.voetnoot{color:var(--tekst-zacht);font-size:var(--t-xs);line-height:1.5;margin:0}.skelet{border-radius:var(--radius-s);background:linear-gradient(90deg,var(--vlak-stil) 25%,var(--vlak-in) 50%,var(--vlak-stil) 75%);background-size:200% 100%;animation:schuiven 1.4s linear infinite}@keyframes schuiven{to{background-position:-200% 0}}.koppel-scherm{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--r-4);background:color-mix(in srgb,var(--sz-marine) 55%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.koppel-paneel{position:relative;width:100%;max-width:22rem;display:flex;flex-direction:column;align-items:center;gap:var(--r-2);text-align:center;padding:var(--r-6) var(--r-5) var(--r-5);background:var(--vlak-op);border-radius:var(--radius);box-shadow:var(--schaduw-op)}.koppel-sluit{position:absolute;top:var(--r-3);right:var(--r-3);display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:var(--radius-vol);background:var(--vlak-in);color:var(--tekst-zacht);cursor:pointer}.koppel-sluit:hover{color:var(--accent)}.koppel-sluit svg{width:16px;height:16px}.koppel-paneel canvas{border-radius:8px;background:var(--sz-wit);padding:12px}.koppel-code{font-size:var(--t-2xl);font-weight:500;letter-spacing:.2em;color:var(--tekst-sterk);margin:var(--r-2) 0 0}.koppel-instructie{color:var(--tekst-zacht);font-size:var(--t-s);margin:0}.koppel-wachten{display:flex;align-items:center;gap:var(--r-2);color:var(--tekst-zacht);font-size:var(--t-s);margin:var(--r-3) 0 0}.koppel-stip{width:8px;height:8px;border-radius:var(--radius-vol);background:var(--accent);animation:koppel-puls 1.4s ease-in-out infinite}@keyframes koppel-puls{0%,to{opacity:.35}50%{opacity:1}}.koppel-aftellen{color:var(--tekst-zacht);font-size:var(--t-xs);font-variant-numeric:tabular-nums;margin:var(--r-1) 0 0}.koppel-klaar{display:flex;flex-direction:column;align-items:center;gap:var(--r-2);color:var(--accent);padding:var(--r-5) 0}.koppel-klaar svg{width:40px;height:40px}.koppel-klaar p{margin:0;font-weight:500;color:var(--tekst-sterk)}.koppel-verlopen{display:flex;flex-direction:column;align-items:center;gap:var(--r-3);width:100%}.koppel-verlopen p{margin:0;color:var(--tekst-zacht)}@media(max-width:720px){.tegels{grid-template-columns:1fr;grid-template-rows:none}.tegel-chat{grid-row:auto}}@media(max-width:420px){.kop-bevestiging .kop-bevestiging-detail{display:none}}
