.inlog-pagina{background:radial-gradient(1200px 600px at 20% -10%, var(--muted) 0%, transparent 55%), radial-gradient(1000px 500px at 110% 110%, var(--secondary) 0%, transparent 55%), var(--background);min-height:100dvh;color:var(--foreground);place-items:center;padding:24px;display:grid}.inlog-kaart{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 24px 60px #0000001a}.inlog-merk{color:var(--foreground);place-items:center;margin:0 auto 20px;display:grid}.inlog-titel{letter-spacing:-.02em;font-size:22px;font-weight:680}.inlog-sub{color:var(--muted-foreground);margin:8px 0 28px;font-size:13.5px}.inlog-fout{background:var(--destructive-bg);color:var(--destructive-text);border-radius:var(--radius-sm);text-align:left;margin-bottom:18px;padding:10px 12px;font-size:12.5px;line-height:1.5}.inlog-laden{color:var(--muted-foreground);justify-content:center;align-items:center;gap:10px;padding:14px 0;font-size:13px;display:flex}.inlog-spinner{width:18px;height:18px;animation:.9s linear infinite inlog-draai}@keyframes inlog-draai{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.inlog-spinner{animation:none}}.ms-knop{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);width:100%;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:14.5px;font-weight:600;display:inline-flex}.ms-knop:hover:not(:disabled){background:var(--muted)}.ms-knop:disabled{opacity:.6;cursor:default}.inlog-alt{width:100%;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin-top:16px;padding:8px;font-size:12.5px;display:inline-flex}.inlog-alt:hover:not(:disabled){color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.inlog-alt-nood{opacity:.75;margin-top:2px;font-size:12px}.inlog-alt-nood:hover:not(:disabled){opacity:1}.inlog-uitweg{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:11.5px;display:inline-flex}.inlog-uitweg:hover{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.inlog-formulier{text-align:left;flex-direction:column;gap:14px;display:flex}.inlog-formulier .veld{flex-direction:column;gap:6px;display:flex}.inlog-formulier .veld-label{color:var(--muted-foreground);font-size:12px;font-weight:600}.inlog-formulier .veld-invoer{width:100%;color:var(--foreground);background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;padding:10px 12px;font-family:inherit;font-size:14px}.inlog-formulier .veld-invoer:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 40%, transparent)}.inlog-knop{width:100%;color:var(--primary-foreground);background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;margin-top:2px;padding:12px 16px;font-size:14.5px;font-weight:600}.inlog-knop:disabled{opacity:.6;cursor:default}.inlog-voet{color:var(--muted-foreground);text-align:left;margin-top:18px;font-size:11.5px;line-height:1.5}.inlog-voet code{font-family:monospace;font-size:11px}
