.kx-login{--lg-ink:#17202e;--lg-ink2:#5b6576;--lg-panel:#fff;--lg-input:#fff;--lg-line:#dfe5ee;--lg-btn:#1f5be6;--lg-link:#1f5be6;--lg-chip:#fff;--lg-spring:cubic-bezier(.2, .9, .25, 1.2);isolation:isolate;background:linear-gradient(170deg, var(--sky1,#edf5ff) 0%, var(--sky2,#fafcff) 72%);min-height:100dvh;color:var(--lg-ink);font-family:var(--kx-font);grid-template-columns:minmax(0,1fr) 470px;transition:color 1.2s;display:grid;position:relative;overflow:hidden}.kx-login[data-mode=dark]{--lg-ink:#e8edf5;--lg-ink2:#a3afc1;--lg-panel:#131b29;--lg-input:#1a2433;--lg-line:#2c3a4e;--lg-btn:#2f66f0;--lg-link:#93b3ff;--lg-chip:#1a2433}.kx-login-stars{z-index:-1;pointer-events:none;opacity:var(--stars,0);background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 28% 9%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 41% 26%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 8% 42%,#cfe0ff 50%,#0000 51%),radial-gradient(1px 1px at 33% 52%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 52% 14%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 19% 66%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 47% 72%,#cfe0ff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 4% 84%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 37% 88%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 56% 40%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 24% 34%,#fff 50%,#0000 51%);transition:opacity 1.2s;position:absolute;inset:0}.kx-login-arc{z-index:-1;pointer-events:none;color:var(--lg-ink2);position:absolute;top:40px;left:-120px}.kx-login-top,.kx-login-brand>.kx-login-top{z-index:6;position:absolute;top:22px;right:22px}.kx-login-top .kx-auth-lang{background:var(--lg-chip,#fff);min-height:40px;color:var(--lg-ink,var(--kx-ink));box-shadow:0 0 0 1px var(--lg-line,var(--kx-line));border-radius:20px;transition:background-color 1.2s,color 1.2s}.kx-login-top .kx-auth-lang:hover,.kx-login-top .kx-auth-lang[data-state=open]{background:var(--lg-chip,#fff);box-shadow:0 0 0 1px var(--lg-ink2,var(--kx-muted));color:var(--lg-ink,var(--kx-ink))}.kx-login-intro{box-sizing:border-box;flex-direction:column;gap:20px;max-width:560px;padding:132px 48px 48px 84px;display:flex}.kx-login-wordmark{--brand-scale:.9;color:var(--lg-ink);transition:color 1.2s}.kx-login-wordmark span{color:var(--lg-ink2)}.kx-login-intro h2{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:44px;font-weight:800;line-height:1.08}.kx-login-intro p{max-width:42ch;color:var(--lg-ink2);margin:0;font-size:17px;line-height:1.5;transition:color 1.2s}.kx-login-panel{--kx-ink:var(--lg-ink);--kx-ink-2:var(--lg-ink2);--kx-muted:var(--lg-ink2);--kx-line:var(--lg-line);--kx-surface:var(--lg-panel);--kx-bg:var(--lg-input);--kx-primary:var(--lg-link);--kx-hover:color-mix(in srgb, var(--lg-link) 12%, transparent);z-index:3;box-sizing:border-box;background:var(--lg-panel);min-height:calc(100dvh - 84px);color:var(--lg-ink);border-radius:32px 0 0;flex-direction:column;gap:22px;margin-top:84px;padding:44px 56px 28px;transition:background-color 1.2s,color 1.2s;display:flex;position:relative}.kx-login-panel:after{content:"";background:radial-gradient(circle at 0 0, transparent 31.5px, var(--lg-panel) 32px);pointer-events:none;width:32px;height:32px;position:absolute;bottom:0;left:-32px}.kx-login-content{flex-direction:column;gap:18px;width:100%;max-width:358px;display:flex}.kx-login-content h1{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:800;line-height:1.2}.kx-login-content p{margin:0}.kx-login-content [data-slot=button]{font-weight:600}.kx-login-content [data-slot=button][data-size=sm]{font-size:14px}.kx-login-mark{left:-2px;top:var(--mt,210px);background:var(--lg-btn);opacity:0;border-radius:2px;width:4px;height:22px;transition:top .3s cubic-bezier(.3,1.35,.45,1),opacity .2s;position:absolute}.kx-login-panel[data-focus] .kx-login-mark{opacity:1}.kx-login-panel .kx-auth-input{border-color:var(--lg-line);background:var(--lg-input);height:46px;color:var(--lg-ink);border-radius:12px;transition:border-color .2s,box-shadow .2s,background-color 1.2s,color 1.2s}.kx-login-panel .kx-auth-input:focus{border-color:var(--lg-btn);box-shadow:0 0 0 3px color-mix(in srgb, var(--lg-btn) 24%, transparent)}.kx-login-panel .kx-auth-input[aria-invalid=true]{border-color:#e5484d}.kx-login-panel .kx-auth-password>.kx-ib{top:7px}.kx-login-panel label,.kx-login-panel .kx-auth-label-row>label{color:var(--lg-ink)}.kx-login[data-mode=dark] .kx-auth-error{color:#ffb4ab;background:#3a1d22}.kx-login[data-mode=dark] .kx-auth-secure>svg{color:#4ad08a}.kx-login-panel .kx-auth-submit,.kx-login-card .kx-auth-submit{background:var(--lg-btn);color:#fff;height:48px;box-shadow:0 10px 22px -12px color-mix(in srgb, var(--lg-btn) 85%, transparent);border-radius:14px;transition:transform .12s,background-color 1.2s;position:relative;overflow:hidden}.kx-login-panel .kx-auth-submit:hover{background:color-mix(in srgb, var(--lg-btn) 88%, #000)}.kx-login-panel .kx-auth-submit:active{transform:translateY(1px)}.kx-login-panel .kx-auth-submit:disabled{opacity:1}.kx-login-panel .kx-auth-submit:after{content:"";background:linear-gradient(90deg,#163fb0 0 40%,#f6c026 40% 60%,#10b981 60% 80%,#ff5a4f 80%);height:3px;position:absolute;inset:auto 0 0}.kx-login-panel .kx-auth-submit[data-busy]:after{background-image:linear-gradient(90deg,#163fb0 0 20%,#f6c026 20% 30%,#10b981 30% 40%,#ff5a4f 40% 50%,#163fb0 50% 70%,#f6c026 70% 80%,#10b981 80% 90%,#ff5a4f 90%);background-size:200% 100%;animation:1s linear infinite kx-login-slide}@keyframes kx-login-slide{to{background-position:-200% 0}}.kx-login-panel :focus-visible:not(input){outline:2px solid var(--lg-link);outline-offset:2px}.kx-login-panel [data-slot=button][data-variant=link]{color:var(--lg-link)}.kx-login-panel [data-slot=button][data-variant=link]:hover{background:var(--kx-hover)}.kx-login[data-mode=dark] .kx-login-panel [data-slot=button][data-variant=outline]{border-color:var(--lg-line);background:var(--lg-input);color:var(--lg-ink)}.kx-login[data-mode=dark] .kx-login-panel [data-slot=button][data-variant=outline]:hover{background:color-mix(in srgb, var(--lg-input) 80%, #fff)}.kx-login-hello{flex-direction:column;gap:4px;display:flex}.kx-login-hello>div{align-items:center;gap:12px;display:flex}.kx-login-hello h1{font-size:30px;line-height:1.1}.kx-login-tod{width:34px;height:34px;color:var(--sun,#f6c026);stroke-width:2.2px;flex:none;transition:color 1.2s}.kx-login-hello p{color:var(--lg-ink2);font-size:14px;transition:color 1.2s}.kx-login-person{background:var(--kx-bg,#f6f8fc);box-shadow:0 0 0 1px var(--kx-line);border-radius:16px;align-items:center;gap:12px;padding:10px 8px 10px 12px;transition:background-color 1.2s;display:flex}.kx-login-person-photo{flex:none;display:inline-flex;position:relative}.kx-login-person-photo .kx-avatar{box-shadow:0 0 0 2px var(--kx-surface,#fff), 0 0 0 3.5px color-mix(in srgb, var(--kx-primary) 40%, transparent)}.kx-login-person-photo>i{border:2px solid var(--kx-surface,#fff);background:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.kx-login-person-who{flex-direction:column;flex:1;min-width:0;display:flex}.kx-login-person-who strong{font-size:14px;font-weight:700}.kx-login-person-who>small{color:var(--kx-muted);font-size:12px}.kx-login-person-who strong,.kx-login-person-who>small:not(.kx-login-person-org){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kx-login-person-org{white-space:nowrap;align-items:center;gap:2px;margin-top:1px;display:flex}.kx-login-orgswap{min-width:0;max-width:100%;color:var(--kx-ink);font:700 12px var(--kx-font);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:2px;margin-left:1px;padding:1px 4px;display:inline-flex}.kx-login-orgswap>span{text-overflow:ellipsis;overflow:hidden}.kx-login-orgswap>svg{width:13px;height:13px;color:var(--kx-muted);flex:none;transition:transform .2s}.kx-login-orgswap[data-state=open]>svg{transform:rotate(180deg)}.kx-login-orgswap:hover,.kx-login-orgswap[data-state=open]{background:var(--kx-hover)}.kx-login-notme{min-height:36px;color:var(--kx-primary);font:700 12px var(--kx-font);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;align-self:center;padding:6px 8px}.kx-login-notme:hover{background:var(--kx-hover)}.kx-login-orgswap:focus-visible,.kx-login-notme:focus-visible{outline:2px solid var(--kx-primary);outline-offset:1px}.kx-login-orgswap:disabled,.kx-login-notme:disabled{opacity:.6;cursor:default}.kx-login-links{justify-content:center;gap:18px;margin-top:auto;font-size:13px;display:flex}.kx-login-links a{color:inherit;opacity:.8;padding:8px 0;font-weight:600;text-decoration:none}.kx-login-links a:hover{opacity:1;text-decoration:underline}.kx-login-panel>.kx-login-links{max-width:358px;padding-top:12px}.kx-login-perch{z-index:5;pointer-events:none;width:96px;height:100px;position:absolute;top:-72px;left:74px}.kx-login-perch:after{content:"";filter:blur(3px);background:#00000024;border-radius:50%;height:8px;position:absolute;bottom:-4px;left:8px;right:22px}.kx-login-k{width:100%;height:98%;transform:rotate(var(--lean,0deg));transform-origin:30% 100%;transition:transform .35s var(--lg-spring);position:absolute;inset:0;overflow:visible}.kx-login-k g,.kx-login-k .kx-k-p{transform-box:view-box;transform-origin:29px 45px}.kx-login-k .kx-k-p{transition:transform .45s var(--lg-spring), opacity .4s, filter .6s}.kx-login-k[data-reaction=look] .kx-k-y{transform:translate(4px,-3px)}.kx-login-k[data-reaction=look] .kx-k-g{transform:translate(4px,3px)}.kx-login-k[data-reaction=hide] .kx-k-y{transform:rotate(30deg)}.kx-login-k[data-reaction=hide] .kx-k-g{transform:rotate(-30deg)}.kx-login-k[data-reaction=hide] .kx-k-r{transform:scale(.7)}.kx-login-k[data-reaction=err]{animation:.5s ease-in-out kx-login-shake}@keyframes kx-login-shake{20%,60%{translate:-5px}40%,80%{translate:5px}}.kx-login-k[data-reaction=load] .kx-k-ia{animation:1s ease-in-out infinite kx-login-bob}.kx-login-k[data-reaction=load] .kx-k-iy{animation:1s ease-in-out .12s infinite kx-login-bob}.kx-login-k[data-reaction=load] .kx-k-ig{animation:1s ease-in-out .24s infinite kx-login-bob}@keyframes kx-login-bob{50%{transform:translateY(-7px)}}.kx-login-k[data-reaction=ok] .kx-k-y{transform:translate(8px,-8px)rotate(-8deg)}.kx-login-k[data-reaction=ok] .kx-k-g{transform:translate(8px,8px)rotate(8deg)}.kx-login-k[data-mood=morning]:not([data-reaction]) .kx-k-ia{animation:kx-login-stretch 6s var(--lg-spring) infinite}.kx-login-k[data-mood=morning]:not([data-reaction]) .kx-k-iy{animation:kx-login-wave-up 6s var(--lg-spring) infinite}@keyframes kx-login-stretch{0%,70%,to{transform:none}78%{transform:scaleY(1.08)}86%{transform:scaleY(.97)}}@keyframes kx-login-wave-up{0%,70%,to{transform:none}80%{transform:translate(4px,-5px)rotate(-6deg)}}.kx-login-k[data-mood=day]:not([data-reaction]) .kx-k-iy{animation:7s ease-in-out infinite kx-login-hi}.kx-login-k[data-mood=day]:not([data-reaction]) .kx-k-ig{animation:7s ease-in-out infinite kx-login-hi2}@keyframes kx-login-hi{0%,80%,to{transform:none}85%{transform:rotate(-10deg)}90%{transform:rotate(4deg)}95%{transform:rotate(-6deg)}}@keyframes kx-login-hi2{0%,80%,to{transform:none}88%{transform:translate(2px,2px)}}.kx-login-k[data-mood=night] .kx-k-p{filter:saturate(.55)brightness(.9)}.kx-login-k[data-mood=night]:not([data-reaction]) .kx-k-iy{animation:5s ease-in-out infinite kx-login-doze}.kx-login-k[data-mood=night]:not([data-reaction]) .kx-k-ig{animation:5s ease-in-out infinite kx-login-doze2}.kx-login-k[data-mood=night]:not([data-reaction]) .kx-k-ir{animation:5s ease-in-out infinite kx-login-blink}@keyframes kx-login-doze{50%{transform:translate(-1px,3px)rotate(10deg)}}@keyframes kx-login-doze2{50%{transform:translate(-1px,-2px)rotate(-6deg)}}@keyframes kx-login-blink{0%,44%,56%,to{transform:none}50%{transform:scaleY(.25)}}.kx-login-zz{font:800 14px var(--kx-font);color:var(--lg-ink2);opacity:0;pointer-events:none;position:absolute;top:-4px;left:82px}.kx-login-k[data-mood=night]:not([data-reaction])~.kx-login-zz{animation:3.2s ease-out infinite kx-login-zz}@keyframes kx-login-zz{0%{opacity:0;transform:translate(0)}30%{opacity:.8}to{opacity:0;transform:translate(14px,-22px)}}.kx-login-say{z-index:6;pointer-events:none;position:absolute;top:-58px;right:calc(100% - 66px)}.kx-login-bubble{background:var(--lg-panel);width:max-content;max-width:240px;color:var(--lg-ink);box-shadow:0 0 0 1px var(--lg-line), 0 10px 24px -14px #0006;animation:kx-login-bubble .4s var(--lg-spring);border-radius:14px 14px 4px;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.4;display:block}@keyframes kx-login-bubble{0%{opacity:0;transform:translateY(6px)scale(.9)}}.kx-login-brand{--kx-login-accent:#1b2430;--lg-btn:var(--kx-login-accent);box-sizing:border-box;background:color-mix(in srgb, var(--kx-login-accent) 6%, #f6f8fb);min-height:100dvh;color:var(--kx-ink);font-family:var(--kx-font);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:88px 16px 72px;display:flex;position:relative}.kx-login-card{--kx-primary:var(--kx-login-accent);--kx-hover:color-mix(in srgb, var(--kx-login-accent) 8%, transparent);box-sizing:border-box;background:#fff;border-radius:20px;flex-direction:column;gap:18px;width:min(400px,100%);padding:32px 36px 28px;display:flex;box-shadow:0 1px 2px #1018280f,0 24px 48px -28px #10182859}.kx-login-card :focus-visible{outline:2px solid var(--kx-login-accent);outline-offset:2px}.kx-login-logo{object-fit:contain;align-self:center;width:auto;max-width:220px;height:auto;max-height:56px;display:block}.kx-login-card p{margin:0}.kx-login-brand-title{text-align:center;flex-direction:column;gap:2px;display:flex}.kx-login-brand-title h1{margin:0;font-size:24px;font-weight:800;line-height:1.25}.kx-login-brand-title p{color:var(--kx-muted);font-size:14px}.kx-login-card .kx-auth-input:focus{border-color:var(--kx-login-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--kx-login-accent) 20%, transparent)}.kx-login-card .kx-auth-submit{height:46px;box-shadow:none;border-radius:10px}.kx-login-card .kx-auth-submit:hover{background:color-mix(in srgb, var(--kx-login-accent) 88%, #000)}.kx-login-card .kx-auth-providers>button{color:var(--kx-login-accent)}.kx-login-card [data-slot=button]{font-weight:600}.kx-login-card .kx-login-person{background:#fff}.kx-login-signature{color:var(--kx-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;bottom:20px;left:16px;right:16px}.kx-login-signature>.kx-login-links{margin:0 0 0 12px;font-size:12px}@media (max-width:1040px){.kx-login{grid-template-columns:minmax(0,1fr) 440px}.kx-login-panel{padding-inline:44px}.kx-login-intro{padding:120px 32px 40px 40px}.kx-login-intro h2{font-size:34px}}@media (max-width:760px){.kx-login{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.kx-login-top{top:12px;right:12px}.kx-login-top .kx-auth-lang{min-height:44px}.kx-login-intro{max-width:none;padding:22px 16px 0}.kx-login-wordmark{--brand-scale:.75}.kx-login-intro h2,.kx-login-intro p{display:none}.kx-login-arc{transform-origin:50% 0;top:10px;left:-260px;transform:scale(.7)}.kx-login-panel{border-radius:24px 24px 0 0;align-items:stretch;min-height:auto;margin-top:84px;padding:40px 16px 24px}.kx-login-panel:after,.kx-login-mark{display:none}.kx-login-content,.kx-login-panel>.kx-login-links{max-width:none}.kx-login-perch{width:64px;height:67px;top:-54px;left:20px}.kx-login-zz{left:56px}.kx-login-say{top:-52px;left:96px;right:auto}.kx-login-bubble{border-radius:14px 14px 14px 4px;max-width:min(220px,100vw - 120px)}.kx-login-hello h1{font-size:26px}.kx-login-tod{width:30px;height:30px}.kx-login-orgswap,.kx-login-notme{min-height:44px}.kx-login-panel .kx-auth-input,.kx-login-panel .kx-auth-submit{height:48px}.kx-login-brand{justify-content:flex-start;padding:76px 16px 88px}.kx-login-card{padding:24px 20px}.kx-login-signature{bottom:16px}}@media (prefers-reduced-motion:reduce){.kx-login,.kx-login *,.kx-login :after,.kx-login-brand *{transition:none!important;animation:none!important}.kx-login-k,.kx-login-k g,.kx-login-k .kx-k-p{transform:none!important}}
