/* Matchpage · inlogscherm (gedeeld: app, Personaliseren, onboarding-modal). Split screen; mobiel: pitch onder het formulier. */
#mp-login{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:1fr 1fr;background:#fff;overflow:auto;font-family:var(--font,Inter,system-ui,sans-serif);color:var(--fg,#0f172a)}
body.login-open{overflow:hidden}
body.login-open #app,body.login-open #obMain,body.login-open .ob-foot,body.login-open .ob-top{filter:blur(2px);pointer-events:none}
.lg-left{display:grid;place-items:center;padding:32px 24px}
#mp-login .lg-card{width:100%;max-width:380px;display:grid;gap:10px;background:#fff;border:0;box-shadow:none;padding:0}
.lg-logo{width:132px;height:20px;margin-bottom:10px;color:var(--fg,#0f172a)}
.lg-card h1{font-size:22px;line-height:1.2;margin:0;letter-spacing:-.01em}
.lg-card>p{margin:0 0 6px;color:var(--fg-3,#6b7280);font-size:13px}
.lg-card label{font-size:12px;font-weight:500;color:var(--fg-2,#374151)}
.lg-card input[type=email],.lg-card input[type=password],.lg-card input[type=text]{height:42px;border:1px solid var(--border,#d1d5db);border-radius:8px;padding:0 12px;font:inherit;font-size:14px;background:#fff;color:inherit}
.lg-card input:focus{outline:2px solid #2069f1;outline-offset:-1px;border-color:#2069f1}
.lg-lbl{display:flex;justify-content:space-between;align-items:baseline}.lg-lbl a,.lg-alt a{color:#2069f1;text-decoration:none;font-size:12.5px}.lg-lbl a:hover,.lg-alt a:hover{text-decoration:underline}
.lg-google{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:42px;border:1px solid var(--border,#d1d5db);border-radius:8px;background:#fff;font:inherit;font-size:14px;font-weight:500;color:inherit;cursor:pointer}
.lg-google:hover{background:#f8fafc}.lg-google:disabled{opacity:.6}.lg-g{width:18px;height:18px}
.lg-last{position:absolute;right:-6px;top:-9px;font-style:normal;font-size:10.5px;font-weight:600;background:#e8f0fe;color:#1d4ed8;border-radius:999px;padding:2px 8px}
.lg-or{display:flex;align-items:center;gap:10px;color:var(--fg-3,#9ca3af);font-size:12px;margin:4px 0}.lg-or::before,.lg-or::after{content:"";flex:1;height:1px;background:var(--border,#e5e7eb)}
.lg-chk{display:flex;gap:8px;align-items:center;font-weight:400!important}
.lg-err{color:var(--red,#dc2626);font-size:12.5px;min-height:16px}.lg-err:empty{display:none}
.lg-ok{color:#047857;background:#ecfdf5;border-radius:8px;padding:8px 10px;font-size:12.5px}
.lg-note{margin:0;background:#fffbeb;color:#92400e;border-radius:8px;padding:8px 10px;font-size:12.5px}
#mp-login .lg-btn{height:42px;justify-content:center;font-size:14px;width:100%}
.lg-alt{margin:2px 0 0;font-size:12.5px;color:var(--fg-3,#6b7280);text-align:center}.lg-small,.lg-small a{font-size:11.5px;color:var(--fg-3,#9ca3af)!important}
.lg-right{background:#0f1b33;color:#fff;display:grid;place-items:center;padding:48px}
.lg-mk{max-width:480px;display:grid;gap:18px}.lg-mk .lg-logo{width:118px;height:18px;margin:0}
.lg-mk h2{font-size:24px;line-height:1.3;margin:0;font-weight:600;letter-spacing:-.01em}.lg-mk p{color:#b6c2d9;font-size:13px;margin:0;line-height:1.5}
.lg-mk .lg-cap{font-size:11.5px}.lg-cap b{color:#fff}
.lg-demo{background:#16264a;border:1px solid #24375f;border-radius:10px;padding:12px}.lg-bar{font-size:11px;color:#b6c2d9;margin-bottom:8px}.lg-bar b{color:#fff}
.lg-page{background:#fff;border-radius:6px;padding:10px;display:grid;gap:8px}.lg-page i{position:relative;height:10px;border-radius:3px;background:#e5e7eb;display:block}
.lg-page i.hl{background:#e8f0fe;border:1.5px solid #2069f1;height:16px}.lg-page i.ok{background:#ecfdf5;border:1.5px solid #16a34a;height:22px}
.lg-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.lg-page em{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:#2069f1;color:#fff;font:600 9px/14px system-ui;text-align:center;font-style:normal}.lg-page i.ok em{background:#16a34a}
.lg-stats{display:flex;flex-wrap:wrap;gap:16px 28px}.lg-stats span{display:grid;font-size:11px;color:#b6c2d9}.lg-stats b{color:#fff;font-size:15px}
@media (max-width:900px){
  #mp-login{grid-template-columns:1fr;grid-auto-rows:min-content}
  .lg-left{min-height:100svh;padding:28px 20px;align-items:start;padding-top:12vh}
  .lg-right{padding:32px 20px 40px}.lg-mk h2{font-size:19px}
}
.lg-logo-main{display:block;height:28px;width:auto;max-width:100%;margin-bottom:12px;justify-self:start}
@media (max-width:480px){.lg-logo-main{height:24px}}
.lg-dis,.lg-dis-link{cursor:not-allowed;color:#6b7280}.lg-google.lg-dis{background:#f8fafc}.lg-google.lg-dis svg{opacity:.45}
.lg-dis-link{color:var(--fg-3,#6b7280);text-decoration:none}
.lg-soon{display:inline-flex;align-items:center;margin-left:6px;padding:1px 7px;border-radius:999px;background:#eef2f7;color:#475569;font-size:11px;font-style:normal;font-weight:600;opacity:1;white-space:nowrap}
.lg-google.lg-dis{position:relative}