.login-root{--bg:#f4f6f9;--ink:#111827;--ink-2:#5a6474;--muted:#8a93a3;--line:#e7ebf0;--brand:#4f46e5;--brand-2:#7c74f0;--red:#e4472b;font-family:var(--font-inter), "Inter", system-ui, -apple-system, sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.login-root ::selection{background:color-mix(in srgb, var(--brand) 18%, transparent)}.login-lucht{pointer-events:none;position:absolute;inset:0}.login-blob{filter:blur(110px);will-change:transform;border-radius:50%;position:absolute}.blob-a{background:radial-gradient(circle at 40% 40%,#4f46e542,#4f46e500 70%);width:560px;height:560px;animation:46s ease-in-out infinite alternate drift-a;top:-150px;left:-90px}.blob-b{background:radial-gradient(circle at 55% 55%,#7c74f057,#7c74f000 70%);width:540px;height:540px;animation:58s ease-in-out infinite alternate drift-b;bottom:-150px;right:-110px}.blob-c{background:radial-gradient(circle,#60a5fa1f,#60a5fa00 70%);width:420px;height:420px;animation:64s ease-in-out infinite alternate drift-c;top:-120px;right:16%}@keyframes drift-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(70px,40px)scale(1.08)}}@keyframes drift-b{0%{transform:translate(0,0)scale(1.06)}to{transform:translate(-60px,-50px)scale(1)}}@keyframes drift-c{0%{transform:translate(0,0)}to{transform:translate(-90px,30px)}}.login-card{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:#ffffff9e;border:1px solid #ffffffa6;border-radius:22px;width:100%;max-width:392px;padding:34px 30px 28px;animation:.45s cubic-bezier(.2,.9,.25,1) both kaart-op;position:relative;box-shadow:0 0 0 1px #1118270d,inset 0 1px #ffffffd9,0 2px 6px #1018280d,0 32px 64px -28px #4f46e547}@keyframes kaart-op{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.login-card{background:#ffffffeb}}.login-mark{background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:13px;width:44px;height:44px;margin-bottom:18px;position:relative;box-shadow:inset 0 1px #fff6,inset 0 -8px 14px #11182729,0 10px 22px -8px #4f46e58c}.login-mark:after{content:"";background:radial-gradient(circle at 35% 35%,#ffffff8c,#fff0 70%);border-radius:50%;width:16px;height:16px;position:absolute;top:6px;left:6px}.login-card h1{font-family:var(--font-titel), var(--font-inter), "Inter", system-ui, sans-serif;letter-spacing:-.02em;color:var(--ink);margin:0 0 4px;font-size:21px;font-weight:700}.login-card p.sub{color:var(--ink-2);margin:0 0 22px;font-size:13.5px;line-height:1.5}.login-card label{color:var(--ink-2);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.login-card form>label:not(:first-child){margin-top:14px}.login-card input{box-sizing:border-box;width:100%;color:var(--ink);caret-color:var(--brand);background:#ffffffbf;border:1px solid #11182714;border-radius:12px;outline:none;padding:12px 13px;font-family:inherit;font-size:14.5px;transition:border-color .15s,box-shadow .15s,background-color .15s}.login-card input:focus-visible{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 15%, transparent);background:#fff}.login-card input:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 99999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}.login-card input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);transition:background-color 99999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}.login-card input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);transition:background-color 99999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}.login-wkader{position:relative}.login-wkader input{padding-right:44px}.login-oog{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.login-oog:hover{color:var(--ink-2)}.login-oog:focus-visible{color:var(--ink-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent);outline:none}.login-oog svg{width:17px;height:17px}.login-card button[type=submit]{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-2));cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;padding:12px 13px;font-family:inherit;font-size:14.5px;font-weight:650;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff40,0 8px 18px -8px #4f46e58c}.login-card button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 12px 24px -10px #4f46e5a6}.login-card button[type=submit]:active:not(:disabled){transform:translateY(0)scale(.99);box-shadow:inset 0 1px #fff3,0 6px 14px -8px #4f46e580}.login-card button[type=submit]:disabled{opacity:.55;cursor:default}.login-card button[type=submit]:focus-visible{box-shadow:inset 0 1px 0 #ffffff40, 0 8px 18px -8px #4f46e58c, 0 0 0 4px color-mix(in srgb, var(--brand) 22%, transparent);outline:none}.login-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite login-tol}@keyframes login-tol{to{transform:rotate(360deg)}}.login-error{color:#b4331d;background:#fdece8cc;border:1px solid #e4472b38;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:13px;line-height:1.45;animation:.32s cubic-bezier(.36,.07,.19,.97) login-schud}@keyframes login-schud{10%,90%{transform:translate(-2px)}30%,70%{transform:translate(3px)}50%{transform:translate(-4px)}}.login-foot{color:var(--muted);text-align:center;margin-top:22px;font-size:12px}@media (prefers-reduced-motion:reduce){.login-blob,.login-card,.login-error,.login-spin{animation:none}.login-card button[type=submit]{transition:opacity .15s}.login-card button[type=submit]:hover:not(:disabled),.login-card button[type=submit]:active:not(:disabled){transform:none}}@media (max-width:420px){.login-root{padding:18px}.login-card{border-radius:18px;max-width:none;padding:28px 22px 24px}}