.lg-scherm{--lg-formvlak:#fff;--lg-veld:#fff;--lg-veld-rand:#cdd5e3;--lg-veld-rand-hover:#97a3ba;--lg-scheiding:#e2e7ef;--lg-tweede:#fff;--lg-tweede-hover:#f5f7fa;--lg-merkvlak:var(--ms-navy);--lg-merkteken:var(--ms-navy-vlak);--lg-fout:#b42318;--lg-fout-vlak:#fdf1ef;--lg-fout-lijn:#f1c6c0;background:var(--lg-formvlak);grid-template-columns:minmax(420px,5fr) 7fr;min-height:100dvh;display:grid}:root[data-theme=dark] .lg-scherm{--lg-formvlak:#11121c;--lg-veld:#171926;--lg-veld-rand:#343a52;--lg-veld-rand-hover:#535b7b;--lg-scheiding:#272b3e;--lg-tweede:#171926;--lg-tweede-hover:#1f2231;--lg-merkvlak:var(--ms-navy);--lg-merkteken:#302e5e;--lg-fout:#ffb4a8;--lg-fout-vlak:#2e1c24;--lg-fout-lijn:#6b3f52}.lg-merkvlak{background:var(--lg-merkvlak);color:var(--ms-melk);flex-direction:column;justify-content:space-between;gap:32px;padding:48px 56px;display:flex;position:relative;overflow:hidden}.lg-merkvlak>*{z-index:1;position:relative}.lg-merkvlak .lg-logo{line-height:0}.lg-boodschap{max-width:400px}.lg-boodschap .lg-kernzin{font-family:var(--ms-letter-kop);letter-spacing:-.04em;color:var(--ms-melk);text-wrap:balance;font-size:clamp(38px,3.4vw,52px);font-weight:500;line-height:1.04}.lg-boodschap .lg-kernzin em{color:var(--ms-ijs);font-style:normal}.lg-boodschap .lg-onder{max-width:34ch;color:var(--ms-gedempt-omgekeerd);margin-top:20px;font-size:15px;line-height:1.7}.lg-merkvoet{color:var(--ms-gedempt-omgekeerd);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.lg-merkvlak .ms-powered{color:var(--ms-gedempt-omgekeerd)}.lg-merkvlak .ms-powered-teken,.lg-merkvlak .ms-powered strong{color:var(--ms-melk)}.lg-merkvlak .lg-site{color:var(--ms-gedempt-omgekeerd);text-decoration:none}.lg-merkvlak .lg-site:hover{color:var(--ms-melk);text-decoration:none}.lg-merkvlak .lg-teken{--m:clamp(300px, 50vh, 520px);z-index:0;pointer-events:none;right:calc(var(--m) * -.24);bottom:calc(var(--m) * -.2);width:var(--m);height:auto;color:var(--lg-merkteken);position:absolute}.lg-formvlak{flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.lg-laadt{color:var(--ms-tekst-zacht);font-size:13px}.lg-form{width:100%;max-width:372px;margin:0}.lg-form h1{font-family:var(--ms-letter-kop);letter-spacing:-.035em;color:var(--ms-tekst);margin:0;font-size:32px;font-weight:500;line-height:1.12}.lg-form .lg-lead{color:var(--ms-tekst-zacht);margin:10px 0 0}.lg-form .lg-melding{border:1px solid var(--lg-fout-lijn);background:var(--lg-fout-vlak);color:var(--lg-fout);border-radius:8px;margin-top:24px;padding:12px 14px;font-size:13px;line-height:1.5}.lg-form .lg-melding .error-box{color:inherit;font-size:inherit;line-height:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0}.lg-form .lg-uitweg{color:inherit;margin:4px 0 0}.lg-form button.login-vol{width:100%;min-height:48px;font-family:var(--ms-letter-tekst);cursor:pointer;transition:background-color .2s var(--ms-zacht), border-color .2s var(--ms-zacht), transform .2s var(--ms-zacht);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:500;line-height:1.2;display:flex}.lg-form button.login-vol:active:not(:disabled){transform:scale(.985)}.lg-form button.primair{background:var(--ms-actie);border-color:var(--ms-actie);color:var(--ms-actie-tekst);margin-top:32px}.lg-form .lg-melding+button.primair{margin-top:20px}.lg-form button.primair:hover:not(:disabled){background:var(--ms-actie-hover);border-color:var(--ms-actie-hover);filter:none}.lg-form .field+button.primair{margin-top:24px}.lg-form button.lg-tweede{background:var(--lg-tweede);border-color:var(--lg-veld-rand);color:var(--ms-tekst);margin-top:24px}.lg-form button.lg-tweede:hover:not(:disabled){background:var(--lg-tweede-hover);border-color:var(--lg-veld-rand-hover)}.lg-ms-logo{background:#fff;border-radius:3px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.lg-form .lg-hint{color:var(--ms-tekst-zacht);text-align:center;margin:10px 0 0;font-size:12px}.lg-form .login-of{color:var(--ms-tekst-zacht);text-align:center;align-items:center;gap:14px;margin:28px 0 22px;font-size:12px;display:flex}.lg-form .login-of:before,.lg-form .login-of:after{content:"";background:var(--lg-scheiding);flex:1;height:1px}.lg-form .field{margin:0}.lg-form .field+.field{margin-top:16px}.lg-form .lg-lead+.field,.lg-form .lg-melding+.field{margin-top:32px}.lg-form .field label{color:var(--ms-tekst);text-transform:none;letter-spacing:0;margin:0 0 6px;font-size:13px;font-weight:500;line-height:1.4;display:block}.lg-form .field input{border:1px solid var(--lg-veld-rand);background:var(--lg-veld);width:100%;height:46px;color:var(--ms-tekst);font-family:var(--ms-letter-tekst);box-shadow:none;transition:border-color .2s var(--ms-zacht), box-shadow .2s var(--ms-zacht);border-radius:8px;margin:0;padding:0 14px;font-size:15px}.lg-form .field input::placeholder{color:var(--ms-tekst-zacht);opacity:.75}.lg-form .field input:hover{border-color:var(--lg-veld-rand-hover)}.lg-form .field input:focus,.lg-form .field input:focus-visible{border-color:var(--ms-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--ms-focus) 22%, transparent);outline:none}.lg-form .field input[aria-invalid=true]{border-color:var(--lg-fout)}.lg-form .field input[aria-invalid=true]:focus,.lg-form .field input[aria-invalid=true]:focus-visible{border-color:var(--lg-fout);box-shadow:0 0 0 3px color-mix(in srgb, var(--lg-fout) 20%, transparent)}.lg-wachtwoord{position:relative}.lg-form .lg-wachtwoord input{padding-right:84px}.lg-form button.lg-toon{height:34px;min-height:0;font-family:var(--ms-letter-tekst);color:var(--ms-tekst-zacht);cursor:pointer;background:0 0;border:0;border-radius:6px;margin:0;padding:0 10px;font-size:12px;font-weight:400;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.lg-form button.lg-toon:hover:not(:disabled){background:color-mix(in srgb, var(--ms-tekst) 6%, transparent);color:var(--ms-tekst)}.lg-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lg-form .lg-links{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:40px;font-size:12px;display:flex}.lg-form .lg-links a{color:var(--ms-tekst-zacht);text-decoration:none}.lg-form .lg-links a:hover{color:var(--ms-tekst);text-underline-offset:3px;text-decoration:underline}@media (max-width:900px){.lg-scherm{grid-template-rows:auto 1fr;grid-template-columns:1fr}.lg-merkvlak{flex-direction:row;align-items:center;gap:16px;padding:16px 20px}.lg-merkvlak .lg-logo img{width:auto;height:30px}.lg-merkvlak .lg-teken,.lg-boodschap,.lg-merkvlak .lg-site{display:none}.lg-merkvoet{gap:0}.lg-formvlak{justify-content:flex-start;padding:40px 20px 32px}.lg-form h1{font-size:28px}.lg-form button.primair{margin-top:28px}}@media (prefers-reduced-motion:reduce){.lg-form button.login-vol,.lg-form .field input{transition:none}}