.klogin{--kl-teal-200:#a6f2e2;--kl-teal-300:#5ff0d8;--kl-teal-400:#2dd4bf;--kl-teal-500:#12b3a0;--kl-teal-600:#0b9d89;--kl-teal-700:#0a7f70;--kl-teal-800:#085f55;--kl-teal-ink:#0b1f1a;--kl-bg:#fafaf8;--kl-ink:#17171a;--kl-muted:#62626a;--kl-faint:#97979e;--kl-line:#e4e4de;--kl-panel:#ffffff;--kl-field:#f4f4f1;--kl-green:#0a7f70;--kl-error:#c93a3e;--kl-stage:var(--kl-teal-600);--kl-stage-hi:var(--kl-teal-500);--kl-stage-lo:var(--kl-teal-700);min-height:100dvh;background:var(--kl-bg);color:var(--kl-ink);font-family:var(--font-geist-sans),system-ui,sans-serif}.klogin[data-theme=dark]{--kl-bg:#0f0f0f;--kl-ink:#f5f5f5;--kl-muted:#a3a3a8;--kl-faint:#6d6d72;--kl-line:#2e2e32;--kl-panel:#1b1b1e;--kl-field:#1b1b1e;--kl-green:#2dd4bf;--kl-error:#f0888a;--kl-stage:var(--kl-teal-700);--kl-stage-hi:var(--kl-teal-600);--kl-stage-lo:var(--kl-teal-800)}.klogin *{box-sizing:border-box}.klogin-body{position:relative;display:flex;align-items:stretch;gap:0;min-height:100dvh;padding:10px}.klogin-stage{order:-1;position:relative;flex:1 1 50%;min-width:0;overflow:hidden;border-radius:18px;background:var(--kl-stage);isolation:isolate}.klogin-stage:before{content:"";position:absolute;inset:-20% -10% -10% -25%;background:radial-gradient(48% 42% at 88% 6%,var(--kl-stage-hi) 0 48%,transparent 49%),radial-gradient(62% 52% at 6% 92%,var(--kl-stage-hi) 0 52%,transparent 53%),radial-gradient(34% 30% at 78% 84%,var(--kl-stage-lo) 0 54%,transparent 55%);opacity:.82;pointer-events:none}.klogin-stage-cards{position:absolute;inset:0;display:block;pointer-events:none}.klogin-card{position:absolute;display:block;height:auto;border-radius:12px;background:var(--kl-panel);box-shadow:0 1px 2px rgba(6,40,35,.16),0 18px 44px -14px rgba(6,40,35,.42)}.klogin-card.is-run{left:9%;top:23%;width:82%;z-index:2}.klogin-card.is-agents{left:24%;top:47%;width:72%;z-index:3}.klogin-card.is-workflow{left:4%;top:11%;width:29%;z-index:4}.klogin-say{position:absolute;right:8%;bottom:40px;left:8%;z-index:5;margin:0;text-align:center;color:#ffffff}.klogin-say-quote{margin:0;font-size:15px;line-height:1.55;font-weight:500;text-wrap:balance}.klogin-say-sub{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.72);text-wrap:pretty}.klogin-say-dots{display:flex;gap:6px;justify-content:center;margin-top:18px}.klogin-say-dot{width:16px;height:4px;padding:0;border:0;border-radius:2px;background:rgba(255,255,255,.34);cursor:pointer;transition:background-color .2s ease-out,width .24s cubic-bezier(.22,1,.36,1)}.klogin-say-dot.is-on{width:26px;background:#ffffff}.klogin-say-fade{animation:klogin-say-in .42s cubic-bezier(.22,1,.36,1) both}@keyframes klogin-say-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.klogin-left{flex:1 1 50%;min-width:min(360px,100%);display:flex;align-items:center;justify-content:center;padding:56px 32px}.klogin-col{width:100%;max-width:352px}.klogin-mark{display:flex;justify-content:center;margin-bottom:22px}.klogin-title{margin:0 0 8px;text-align:center;font-size:27px;line-height:1.22;font-weight:600;letter-spacing:-.021em;color:var(--kl-ink);text-wrap:balance}.klogin-tag{margin:0 0 30px;font-size:13.5px;line-height:1.55;color:var(--kl-muted);text-align:center;text-wrap:pretty}.klogin-form{gap:16px;width:100%}.klogin-field,.klogin-form{display:flex;flex-direction:column}.klogin-field{gap:7px}.klogin-label{font-size:13px;font-weight:500;color:var(--kl-ink)}.klogin-input{width:100%;height:44px;padding:0 14px;border:1px solid transparent;border-radius:9px;background:var(--kl-field);color:var(--kl-ink);font-family:inherit;font-size:13.5px;outline:none;transition:border-color .15s ease-out,background-color .15s ease-out}.klogin-input::placeholder{color:var(--kl-faint)}.klogin-input:focus-visible{border-color:var(--kl-teal-600);background:var(--kl-panel)}.klogin-consent{display:flex;align-items:flex-start;gap:9px;width:100%;font-size:12.5px;line-height:1.5;color:var(--kl-muted);cursor:pointer}.klogin-consent input{margin:1px 0 0;width:14px;height:14px;accent-color:var(--kl-teal-600);cursor:pointer;flex:0 0 auto}.klogin-consent a{color:var(--kl-ink);text-decoration:underline;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--kl-ink) 35%,transparent);transition:text-decoration-color .15s ease-out}.klogin-consent a:hover{text-decoration-color:currentColor}.klogin-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;height:44px;padding:0 14px;border:1px solid var(--kl-line);border-radius:9px;background:var(--kl-panel);color:var(--kl-ink);font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,transform .15s ease-out,opacity .15s ease-out}.klogin-btn:hover{background:var(--kl-field)}.klogin-btn:active{transform:scale(.99)}.klogin-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.klogin-btn[aria-disabled=true]:not(:disabled){opacity:1}.klogin-btn.is-solid{border-color:transparent;background:var(--kl-teal-300);color:var(--kl-teal-ink);font-weight:600}.klogin-btn.is-solid:hover{background:var(--kl-teal-200)}.klogin-btn.is-solid:active{background:var(--kl-teal-400)}.klogin-or{display:flex;align-items:center;gap:14px;margin:22px 0;font-size:12.5px;color:var(--kl-faint)}.klogin-or:after,.klogin-or:before{content:"";flex:1 1 auto;height:1px;background:var(--kl-line)}.klogin-providers{display:flex;flex-direction:column;gap:10px}.klogin-foot{margin:30px 0 0;font-size:12.5px;color:var(--kl-muted);text-align:center}.klogin-foot-link{border:0;padding:0;background:transparent;color:var(--kl-green);font:inherit;font-weight:600;cursor:pointer;transition:opacity .15s ease-out}.klogin-foot-link:hover{opacity:.8}.klogin-error{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:var(--kl-error)}.klogin-step{animation:klogin-step-in .26s cubic-bezier(.22,1,.36,1) both}@keyframes klogin-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.klogin-code-hint{margin:0;font-size:13px;line-height:1.5;color:var(--kl-muted)}.klogin-code-hint strong{color:var(--kl-ink);font-weight:500}.klogin-otp{display:flex;gap:8px}.klogin-otp input{width:100%;min-width:0;height:48px;border:1px solid var(--kl-line);border-radius:9px;background:var(--kl-field);color:var(--kl-ink);font-family:inherit;font-size:17px;text-align:center;outline:none;transition:border-color .15s ease-out}.klogin-otp input:focus-visible{border-color:var(--kl-teal-600)}.klogin-otp.is-invalid input{border-color:var(--kl-error)}.klogin-devcode{margin:0;font-size:12px;color:var(--kl-faint)}.klogin-devcode code{font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--kl-muted)}.klogin-coderow{display:flex;gap:18px}.klogin-link{border:0;padding:0;background:transparent;color:var(--kl-muted);font-family:inherit;font-size:12.5px;cursor:pointer;transition:color .15s ease-out}.klogin-link:hover{color:var(--kl-ink)}.klogin-themepref{position:absolute;top:26px;right:26px;z-index:10;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--kl-muted);cursor:pointer;transition:color .16s ease-out,transform .16s ease-out}.klogin-themepref:hover{color:var(--kl-ink)}.klogin-themepref:active{transform:scale(.86)}.klogin-themepref svg{width:16px;height:16px}.klogin-themepref-glyph{display:grid;place-items:center;animation:klogin-theme-swap .32s cubic-bezier(.22,1,.36,1) both}@keyframes klogin-theme-swap{0%{opacity:0;transform:rotate(-90deg) scale(.55)}to{opacity:1;transform:none}}.klogin :is(button,input,a):focus-visible{outline:2px solid var(--kl-teal-600);outline-offset:2px}.klogin-input:focus-visible,.klogin-otp input:focus-visible{outline:none}.klogin-say-dot:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.klogin-preview{position:absolute;inset:8% 7%;z-index:5;overflow:hidden;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);--kl-ink:#ffffff;--kl-muted:rgba(255,255,255,0.78);--kl-faint:rgba(255,255,255,0.52);--kl-line:rgba(255,255,255,0.22);--kl-panel:rgba(255,255,255,0.12)}@media (max-width:900px){.klogin-stage{display:none}.klogin-left{flex:1 1 100%}}@media (pointer:coarse){.klogin-input{font-size:16px}}@media (max-width:480px){.klogin-body{padding:0}.klogin-left{padding:72px 20px 40px}.klogin-title{font-size:24px}}@media (prefers-reduced-motion:reduce){.klogin *,.klogin :after,.klogin :before{transition-duration:.01ms!important}.klogin-say-fade,.klogin-step,.klogin-themepref-glyph{animation:none!important}}