.klogin{--kl-accent:#0b9d89;--kl-accent-soft:color-mix(in srgb,#0b9d89 16%,transparent);--kl-bg:#fbfbfa;--kl-ink:#18181b;--kl-ink-2:#3f3f46;--kl-muted:#6b6b73;--kl-faint:#a1a1aa;--kl-line:#e6e6e3;--kl-line-strong:#d8d8d4;--kl-panel:#ffffff;--kl-field:#ffffff;--kl-btn:#f4f4f2;--kl-btn-hover:#ececea;--kl-cta:#18181b;--kl-cta-ink:#ffffff;--kl-cta-hover:#2a2a2e;--kl-error:#c93a3e;--kl-sky:url(/backgrounds/dither-clouds-light.jpg);--kl-sky-ink:#1f2933;--kl-sky-muted:rgba(31,41,51,0.72);--kl-teal-600:var(--kl-accent);--kl-ease:cubic-bezier(0.22,1,0.36,1);--kl-spring:cubic-bezier(0.34,1.56,0.64,1);min-height:100dvh;background:var(--kl-bg);color:var(--kl-ink);font-family:var(--font-geist-sans),system-ui,sans-serif;-webkit-font-smoothing:antialiased}.klogin[data-theme=dark]{--kl-accent:#2dd4bf;--kl-accent-soft:color-mix(in srgb,#2dd4bf 16%,transparent);--kl-bg:#111112;--kl-ink:#f4f4f5;--kl-ink-2:#d4d4d8;--kl-muted:#a1a1aa;--kl-faint:#6b6b72;--kl-line:#26262a;--kl-line-strong:#34343a;--kl-panel:#161618;--kl-field:#111112;--kl-btn:#222225;--kl-btn-hover:#2b2b2f;--kl-cta:#f4f4f5;--kl-cta-ink:#111112;--kl-cta-hover:#ffffff;--kl-error:#f08a8c;--kl-sky:url(/backgrounds/dither-clouds-dark.jpg);--kl-sky-ink:#eef2f6;--kl-sky-muted:rgba(238,242,246,0.72)}.klogin *{box-sizing:border-box}.klogin-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.klogin-body{position:relative;display:flex;min-height:100dvh;padding:14px}.klogin-stage{order:-1;position:relative;flex:0 0 46%;min-width:0;overflow:hidden;border-radius:24px;background:var(--kl-sky) center /cover no-repeat;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kl-ink) 6%,transparent);isolation:isolate;animation:klogin-sky-in 1.2s var(--kl-ease) both}.klogin-stage:before{content:"";position:absolute;inset:-4%;z-index:-1;background:var(--kl-sky) center /cover no-repeat;animation:klogin-drift 48s ease-in-out infinite alternate}.klogin-stage:after{content:"";position:absolute;inset:auto 0 0;z-index:-1;height:40%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--kl-bg) 38%,transparent));pointer-events:none}.klogin[data-theme=dark] .klogin-stage:before{background-position:72% 58%;filter:brightness(1.4) contrast(1.06)}.klogin-body.is-leaving{animation:klogin-leave .34s var(--kl-ease) forwards}@keyframes klogin-leave{to{opacity:0;transform:scale(.992);filter:blur(4px)}}@keyframes klogin-sky-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}@keyframes klogin-drift{0%{transform:translateZ(0) scale(1.02)}to{transform:translate3d(-2.5%,1%,0) scale(1.06)}}.klogin-lockup{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:600;letter-spacing:-.025em;color:var(--kl-ink);text-decoration:none}.klogin-lockup.is-stage{position:absolute;top:26px;left:28px;color:var(--kl-sky-ink)}.klogin-say{position:absolute;right:28px;bottom:28px;left:28px;max-width:400px;margin:0}.klogin-say-quote{margin:0;font-size:15px;line-height:1.55;color:var(--kl-sky-ink);text-wrap:pretty;animation:klogin-fade .6s var(--kl-ease) both}.klogin-say-by{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;color:var(--kl-sky-muted)}.klogin-say-by svg{color:var(--kl-accent)}@keyframes klogin-fade{0%{opacity:0}to{opacity:1}}.klogin-left{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;padding:6px 14px 4px 28px}.klogin-top{display:flex;align-items:center;justify-content:space-between;min-height:40px}.klogin-lockup.is-form{visibility:hidden}.klogin-col{width:100%;max-width:432px;margin:auto;padding:40px 0;animation:klogin-rise .7s var(--kl-ease) 80ms both}@keyframes klogin-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.klogin-hero{margin:0;text-align:center;font-size:clamp(30px,2.9vw,42px);line-height:1.08;font-weight:600;letter-spacing:-.04em;color:var(--kl-ink);text-wrap:balance}.klogin-hero em{font-family:var(--font-serif-accent),"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.015em;font-size:1.06em}.klogin-sub{margin:14px 0 30px;text-align:center;font-size:16px;line-height:1.5;color:var(--kl-muted)}.klogin-card{padding:22px;border:1px solid var(--kl-line);border-radius:24px;background:var(--kl-panel);box-shadow:0 1px 2px rgba(0,0,0,.03),0 16px 40px -24px rgba(0,0,0,.16)}.klogin[data-theme=dark] .klogin-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 20px 50px -30px rgba(0,0,0,.7)}.klogin-card[data-shake="0"]{animation:klogin-shake-a .38s ease-in-out}.klogin-card[data-shake="1"]{animation:klogin-shake-b .38s ease-in-out}@keyframes klogin-shake-a{0%,to{translate:0 0}20%{translate:-6px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:2px 0}}@keyframes klogin-shake-b{0%,to{translate:0 0}20%{translate:-6px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:2px 0}}.klogin-auto{margin:-4px;padding:0;overflow:hidden;transition:height .36s var(--kl-ease)}.klogin-auto>div{padding:4px}.klogin-form{display:flex;flex-direction:column;gap:12px;width:100%}.klogin-step.is-fwd{animation:klogin-in-fwd .38s var(--kl-ease) both}.klogin-step.is-back{animation:klogin-in-back .38s var(--kl-ease) both}@keyframes klogin-in-fwd{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes klogin-in-back{0%{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}.klogin-btn,.klogin-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;padding:0 16px;border-radius:12px;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:-.005em;cursor:pointer;user-select:none;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .14s var(--kl-ease),box-shadow .2s ease-out,opacity .16s ease-out}.klogin-btn{border:1px solid var(--kl-line);background:var(--kl-btn);color:var(--kl-ink)}.klogin-btn:hover:not(:disabled){background:var(--kl-btn-hover);border-color:var(--kl-line-strong)}.klogin-btn:active:not(:disabled),.klogin-cta:active:not(:disabled){transform:scale(.985)}.klogin-btn:disabled{cursor:default}.klogin-btn:disabled:not(.is-pending),.klogin-cta:disabled:not(.is-pending){opacity:.5}.klogin-btn[aria-disabled=true]:not(:disabled){opacity:1}.klogin-cta{height:40px;margin-top:6px;border:1px solid transparent;border-radius:10px;background:var(--kl-cta);color:var(--kl-cta-ink);font-size:14px;letter-spacing:-.01em}.klogin-cta:hover:not(:disabled){background:var(--kl-cta-hover)}.klogin-cta:disabled{cursor:default}.klogin-btn.is-pending,.klogin-cta.is-pending{overflow:hidden}.klogin-btn.is-pending:after,.klogin-cta.is-pending:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,currentColor 14%,transparent) 50%,transparent 70%);transform:translateX(-100%);animation:klogin-sweep 1.3s ease-in-out infinite}@keyframes klogin-sweep{to{transform:translateX(100%)}}.klogin-spin{flex:0 0 auto;width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:50%;opacity:.85;animation:klogin-spin .7s linear infinite}@keyframes klogin-spin{to{transform:rotate(1turn)}}.klogin-or{margin:4px 0;text-align:center;font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--kl-faint)}.klogin-inputwrap{position:relative;display:flex;align-items:center}.klogin-inputwrap>svg{position:absolute;left:15px;color:var(--kl-faint);pointer-events:none;transition:color .16s ease-out}.klogin-inputwrap:focus-within>svg{color:var(--kl-ink-2)}.klogin-input{width:100%;height:48px;padding:0 42px 0 44px;border:1px solid var(--kl-line-strong);border-radius:12px;background:var(--kl-field);color:var(--kl-ink);font-family:inherit;font-size:15px;outline:none;transition:border-color .16s ease-out,box-shadow .2s ease-out,background-color .16s ease-out}.klogin-input::placeholder{color:var(--kl-faint)}.klogin-input:hover:not(:focus){border-color:color-mix(in srgb,var(--kl-ink) 26%,var(--kl-line))}.klogin-input:focus-visible{border-color:color-mix(in srgb,var(--kl-ink) 42%,var(--kl-line))}.klogin-input-ok{position:absolute;right:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--kl-accent-soft);color:var(--kl-accent);opacity:0;transform:scale(.6);pointer-events:none;transition:opacity .18s ease-out,transform .26s var(--kl-spring)}.klogin-inputwrap.is-ok .klogin-input-ok{opacity:1;transform:none}.klogin-error{margin:0;font-size:13px;line-height:1.45;color:var(--kl-error);animation:klogin-drop .24s var(--kl-ease) both}@keyframes klogin-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.klogin-fine{margin:2px 0 0;text-align:center;font-size:12.5px;line-height:1.5;color:var(--kl-muted)}.klogin-fine a{color:var(--kl-ink-2);text-decoration:underline;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}.klogin-fine a:hover{text-decoration-color:currentColor}.klogin-consent{position:relative;display:flex;align-items:flex-start;gap:10px;width:100%;font-size:12.5px;line-height:1.5;color:var(--kl-muted);cursor:pointer;animation:klogin-step-in .26s cubic-bezier(.22,1,.36,1) both}.klogin-check-input{position:absolute;inset:0 auto auto 0;width:18px;height:18px;margin:0;opacity:0;cursor:pointer}.klogin-check{flex:0 0 auto;display:grid;place-items:center;width:18px;height:18px;margin-top:0;border:1.5px solid color-mix(in srgb,var(--kl-ink) 28%,transparent);border-radius:5px;background:var(--kl-panel);color:var(--kl-cta-ink);transition:background-color .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out,transform .22s cubic-bezier(.34,1.56,.64,1)}.klogin-check svg{overflow:visible}.klogin-check path{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .22s cubic-bezier(.65,0,.35,1)}.klogin-consent:hover .klogin-check{border-color:color-mix(in srgb,var(--kl-ink) 55%,transparent)}.klogin-check-input:active+.klogin-check{transform:scale(.88)}.klogin-check-input:checked+.klogin-check{border-color:var(--kl-cta);background:var(--kl-cta);animation:klogin-check-pop .26s cubic-bezier(.34,1.56,.64,1)}.klogin-check-input:checked+.klogin-check path{stroke-dashoffset:0;transition-delay:60ms}.klogin-check-input:focus-visible+.klogin-check{box-shadow:0 0 0 3px color-mix(in srgb,var(--kl-ink) 14%,transparent)}.klogin-check-input:disabled+.klogin-check{opacity:.55}@keyframes klogin-check-pop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}.klogin-newacct{display:flex;flex-direction:column;gap:14px;width:100%;animation:klogin-step-in .26s cubic-bezier(.22,1,.36,1) both}.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-codeline{margin:0 0 4px;text-align:center;font-size:14px;line-height:1.5;color:var(--kl-muted)}.klogin-emailchip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--kl-ink);font:inherit;font-weight:550;cursor:pointer;word-break:break-all;transition:background-color .15s ease-out}.klogin-emailchip svg{flex:0 0 auto;color:var(--kl-faint);transition:color .15s ease-out}.klogin-emailchip:hover:not(:disabled){background:var(--kl-btn)}.klogin-emailchip:hover:not(:disabled) svg{color:var(--kl-ink-2)}.klogin-otp{display:flex;align-items:center;gap:8px}.klogin-otp-sep{flex:0 0 8px;height:2px;border-radius:1px;background:var(--kl-line-strong)}.klogin-otp input{width:100%;min-width:0;height:54px;border:1px solid var(--kl-line-strong);border-radius:12px;background:var(--kl-field);color:var(--kl-ink);font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:22px;font-weight:500;text-align:center;outline:none;transition:border-color .16s ease-out,box-shadow .2s ease-out,background-color .16s ease-out}.klogin-otp input:focus-visible{border-color:color-mix(in srgb,var(--kl-ink) 42%,var(--kl-line))}.klogin-otp input.is-filled{border-color:color-mix(in srgb,var(--kl-ink) 24%,var(--kl-line));animation:klogin-digit .22s var(--kl-spring)}@keyframes klogin-digit{0%{transform:scale(.9)}to{transform:none}}.klogin-otp.is-verifying input{animation:klogin-breathe .9s ease-in-out infinite}.klogin-otp.is-verifying input:nth-of-type(2){animation-delay:80ms}.klogin-otp.is-verifying input:nth-of-type(3){animation-delay:.16s}.klogin-otp.is-verifying input:nth-of-type(4){animation-delay:.24s}.klogin-otp.is-verifying input:nth-of-type(5){animation-delay:.32s}.klogin-otp.is-verifying input:nth-of-type(6){animation-delay:.4s}@keyframes klogin-breathe{0%,to{background:var(--kl-field)}50%{background:var(--kl-btn)}}.klogin-coderow{display:flex;justify-content:center;gap:6px;margin-top:2px;font-size:13px;color:var(--kl-muted)}.klogin-resend-wait{color:var(--kl-faint);font-variant-numeric:tabular-nums}.klogin-resent{display:inline-flex;align-items:center;gap:5px;color:var(--kl-accent);font-weight:500;animation:klogin-drop .24s var(--kl-ease) both}.klogin-link{border:0;padding:0;background:transparent;color:var(--kl-ink);font:inherit;font-weight:550;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);transition:text-decoration-color .15s ease-out}.klogin-link:hover:not(:disabled){text-decoration-color:currentColor}.klogin-note{margin:0;font-size:13px;line-height:1.5;color:var(--kl-muted)}.klogin-note strong{color:var(--kl-ink);font-weight:600}.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-card{position:relative}.klogin-card.is-success{overflow:hidden}.klogin-card.is-success .klogin-auto{animation:klogin-recede .36s var(--kl-ease) forwards}@keyframes klogin-recede{to{opacity:0;filter:blur(6px);transform:scale(.97)}}.klogin-bloom{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;border-radius:inherit;pointer-events:none}.klogin-bloom-fill{position:absolute;inset:0;background:radial-gradient(110% 110% at 50% 42%,#e6f7ee 0,#cdeedb 55%,#b4e5c9 100%);clip-path:circle(0 at 50% 42%);animation:klogin-fill 1.1s cubic-bezier(.65,0,.35,1) .16s forwards}.klogin[data-theme=dark] .klogin-bloom-fill{background:radial-gradient(110% 110% at 50% 42%,#1d4434 0,#173728 55%,#122c20 100%)}@keyframes klogin-fill{to{clip-path:circle(85% at 50% 42%)}}.klogin-bloom-blob{position:relative;animation:klogin-blob-in .52s var(--kl-spring) both}@keyframes klogin-blob-in{0%{opacity:0;transform:translateY(8px) scale(.6)}to{opacity:1;transform:none}}.klogin-bloom-label{position:relative;font-size:14px;font-weight:550;letter-spacing:-.01em;color:var(--kl-ink);animation:klogin-label-in .42s var(--kl-ease) .26s both}@keyframes klogin-label-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.klogin-legal{display:flex;justify-content:center;gap:18px;padding-bottom:6px;font-size:12px}.klogin-legal a{color:var(--kl-faint);text-decoration:none;transition:color .15s ease-out}.klogin-legal a:hover{color:var(--kl-ink)}.klogin-themepref{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--kl-muted);cursor:pointer;transition:color .16s ease-out,background-color .16s ease-out}.klogin-themepref:hover{color:var(--kl-ink);background:var(--kl-btn)}.klogin-themepref svg{width:16px;height:16px}.klogin-themepref-glyph{display:grid;place-items:center;animation:klogin-theme-swap .32s var(--kl-ease) both}@keyframes klogin-theme-swap{0%{opacity:0;transform:rotate(-90deg) scale(.55)}to{opacity:1;transform:none}}.klogin :is(button,a):focus-visible{outline:2px solid color-mix(in srgb,var(--kl-ink) 45%,transparent);outline-offset:2px}.klogin input:focus-visible{outline:none}@media (max-width:1100px){.klogin-stage{flex-basis:40%}}@media (max-width:900px){.klogin-stage{display:none}.klogin-body{padding:8px}.klogin-left{padding:8px 8px 4px 12px}.klogin-lockup.is-form{visibility:visible}}@media (pointer:coarse){.klogin-input{font-size:16px}}@media (max-width:520px){.klogin-col{padding:24px 0}.klogin-sub{margin-bottom:22px;font-size:15px}.klogin-card{padding:16px;border-radius:20px}.klogin-otp{gap:6px}.klogin-otp input{height:50px;font-size:20px}}@media (prefers-reduced-motion:reduce){.klogin *,.klogin :after,.klogin :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.klogin-spin{animation-duration:1.4s!important;animation-iteration-count:infinite!important}}