.login{background-color:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body,ui-sans-serif, system-ui, sans-serif);background-image:radial-gradient(60% 55% at 15% 8%, var(--bg-mesh-1), transparent 70%), radial-gradient(55% 50% at 92% 100%, var(--bg-mesh-2), transparent 72%);background-attachment:fixed}.login .lv2-display{font-family:var(--font-display,var(--font-body,ui-sans-serif, system-ui, sans-serif))}.login .lv2-dots{color:var(--text);opacity:.04;background-image:radial-gradient(currentColor 1px,#0000 1px);background-size:22px 22px}.login .lv2-focuslaag{-webkit-backdrop-filter:blur(34px)saturate(105%);background:radial-gradient(closest-side,#0b2e229e,#0b2e221f 72%,#0b2e2200);-webkit-mask-image:radial-gradient(closest-side,#000 62%,#0000 100%);mask-image:radial-gradient(closest-side,#000 62%,#0000 100%)}.login .lv2-card{background-color:var(--surface);border:1px solid var(--border);box-shadow:0 1px 1px hsl(var(--shadow-color) / .06), 0 4px 8px -2px hsl(var(--shadow-color) / .08), 0 16px 32px -12px hsl(var(--shadow-color) / .14);transition:background-color .26s var(--ease,cubic-bezier(.2, 0, .2, 1)), border-color .26s var(--ease,cubic-bezier(.2, 0, .2, 1)), box-shadow .26s var(--ease,cubic-bezier(.2, 0, .2, 1))}.login .lv2-card[data-leeg=true]{box-shadow:none;background-color:#0000;border-color:#0000}.login .lv2-paneel{transition:grid-template-rows .42s var(--ease,cubic-bezier(.2, 0, .2, 1));grid-template-rows:0fr;display:grid}.login .lv2-paneel[data-open=true]{grid-template-rows:1fr}.login .lv2-paneel-venster{min-height:0;overflow:hidden}.login .lv2-paneel-inhoud{opacity:0;transition:opacity .16s var(--ease,cubic-bezier(.2, 0, .2, 1)), transform .16s var(--ease,cubic-bezier(.2, 0, .2, 1));transform:translateY(.375rem)}.login .lv2-paneel[data-open=true] .lv2-paneel-inhoud{opacity:1;transition:opacity .26s var(--ease,cubic-bezier(.2, 0, .2, 1)) .14s, transform .32s var(--ease,cubic-bezier(.2, 0, .2, 1)) .14s;transform:none}.login .lv2-pijl{transition:transform .15s}.login .lv2-btn-primary:hover .lv2-pijl{transform:translate(2px)}.login .lv2-logo-dark,.dark .login .lv2-logo-light{display:none}.dark .login .lv2-logo-dark{display:block}.login .lv2-input{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text);transition:border-color .15s,box-shadow .15s,background-color .15s}.login .lv2-input::placeholder{color:var(--text-subtle)}.login .lv2-input:hover{border-color:var(--border-strong)}.login .lv2-input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.login .lv2-btn-primary{background-color:var(--primary);color:var(--primary-fg);box-shadow:0 4px 12px -4px hsl(var(--shadow-color) / .4);transition:background-color .15s,box-shadow .15s,transform 50ms}.login .lv2-btn-primary:hover{background-color:var(--primary-hover)}.login .lv2-btn-primary:active{background-color:var(--primary-active);transform:translateY(1px)}.login .lv2-focus:focus-visible{box-shadow:0 0 0 3px var(--ring);border-radius:.5rem;outline:none}.login .lv2-link{color:var(--secondary);text-underline-offset:3px;transition:color .15s}.login .lv2-link:hover{color:var(--primary);text-decoration:underline}.login .lv2-check{appearance:none;border:1px solid var(--input-border);background-color:var(--input-bg);cursor:pointer;border-radius:.35rem;place-content:center;width:1.1rem;height:1.1rem;transition:background-color .15s,border-color .15s;display:inline-grid}.login .lv2-check:before{content:"";transform-origin:50%;background-color:var(--primary-fg);clip-path:polygon(14% 47%,0 61%,40% 100%,100% 20%,85% 7%,39% 71%);width:.62rem;height:.62rem;transition:transform .12s;transform:scale(0)}.login .lv2-check:checked{background-color:var(--primary);border-color:var(--primary)}.login .lv2-check:checked:before{transform:scale(1)}.login .lv2-check:focus-visible{box-shadow:0 0 0 3px var(--ring);outline:none}.login .lv2-note{background-color:var(--primary-soft);border:1px solid color-mix(in oklch, var(--primary) 25%, transparent);color:color-mix(in oklch, var(--text) 82%, var(--primary))}.login .lv2-error{background-color:color-mix(in oklch, var(--danger) 12%, var(--surface));border:1px solid color-mix(in oklch, var(--danger) 40%, transparent);color:color-mix(in oklch, var(--danger) 65%, var(--text))}.login .lv2-toggle{background-color:color-mix(in oklch, var(--surface) 88%, transparent);border:1px solid var(--border);color:var(--text-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .15s,border-color .15s,background-color .15s}.login .lv2-toggle:hover{color:var(--text);border-color:var(--border-strong)}@keyframes lv2-intro-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.login .lv2-intro-logo{animation:lv2-intro-in .6s var(--ease,cubic-bezier(.2, 0, .2, 1)) both}@media (prefers-reduced-motion:reduce){.login .lv2-intro-logo{animation:none}.login .lv2-paneel-inhoud,.login .lv2-paneel[data-open=true] .lv2-paneel-inhoud{transition-delay:0s}}.dark .login{--bg:#171f1b;--surface:#1e2723;--surface-2:#24302b;--text:#eef2f0;--text-muted:#aab4ae;--text-subtle:#8b968f;--border:#33403a;--border-strong:#445049;--input-bg:#1b241f;--input-border:#3c483f;--primary:#4fae86;--primary-hover:#5bbb92;--primary-active:#47a079;--primary-fg:#0b1a13;--primary-soft:#24382e;--secondary:#6f9fd0;--ring:#4fae86;--bg-mesh-1:#285a4047;--bg-mesh-2:#2c466e4d}
