.kupa-login{isolation:isolate;letter-spacing:0;background:#03090b;grid-template-columns:minmax(0,1fr) minmax(420px,31vw);align-items:center;gap:40px;min-height:100svh;padding:128px 7.5% 80px 5%;display:grid;position:relative}.kupa-presence{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.kupa-presence-parallax{transform:translate(var(--presence-x,0px), var(--presence-y,0px));transition:transform .7s ease-out;position:absolute;inset:-8px}.kupa-presence-image,.kupa-presence-scan{object-fit:cover;object-position:center}.kupa-presence-image{animation:12s ease-in-out infinite kupa-breathe}.kupa-presence-scan{opacity:.17;filter:brightness(1.9);mix-blend-mode:screen;animation:9s linear infinite kupa-scan}.kupa-login:has(input:focus) .kupa-presence-scan{opacity:.3}.kupa-login-brand{align-items:center;gap:22px;display:flex;position:absolute;top:40px;left:5%}.kupa-login-brand .brand-mark{width:52px;height:52px;font-size:24px}.kupa-login-brand h1{letter-spacing:0;margin:0;font-size:36px;line-height:1.15}.kupa-login-brand h1 span{color:var(--cyan)}.kupa-login-brand p{color:#a1adb5;margin:4px 0 0;font-size:16px;line-height:1.5}.kupa-motion-control{color:#9eb8b9;cursor:pointer;background:#071013;border:1px solid #314246;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:24px;right:24px}.kupa-motion-control:hover{color:#a5fff0;border-color:#62cdbc}.kupa-motion-control:disabled{cursor:default;opacity:.5}.kupa-login button:focus-visible,.kupa-login a:focus-visible{outline-offset:4px;outline:2px solid #b4fff3}.kupa-login .auth-panel{min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-left:1px solid #24403e;border-radius:0;grid-column:2;padding:30px 40px;display:block;position:relative}.kupa-login .auth-intro{margin-bottom:28px}.kupa-login .eyebrow{color:#8aefdb;letter-spacing:0;font-size:11px;font-weight:700}.kupa-login .auth-intro h2{letter-spacing:0;text-wrap:wrap;margin:14px 0 10px;font-size:32px;line-height:1.22}.kupa-login .auth-intro p{color:#a6b3bd;margin:0;font-size:16px;line-height:1.5}.kupa-login .auth-form-wrap{background:0 0;border:0;border-radius:0;padding:0}.kupa-login .auth-tabs{grid-template-columns:1fr 1fr;gap:0;margin-bottom:28px;display:grid;overflow:visible}.kupa-login .auth-tabs button{white-space:normal;color:#a5b4bf;border-radius:8px;min-width:0;min-height:46px;padding:9px 12px;font-size:13px;line-height:1.4}.kupa-login .auth-tabs button.active{color:#f3faf8;background:#102c2a;border-color:#67d2be}.kupa-login .auth-tabs button svg{flex-shrink:0}.kupa-login .auth-form-wrap form{gap:21px}.kupa-login .auth-form-wrap label{color:#c2cdd4;gap:8px;font-size:14px;line-height:1.4}.auth-input-shell{display:block;position:relative}.kupa-login .auth-input-icon{color:#b6c2ce;pointer-events:none;position:absolute;top:17px;left:17px}.kupa-login .auth-form-wrap input{color:#edf4f7;background:#0a1015;border:1px solid #35434d;border-radius:8px;min-height:52px;padding:12px 15px;font-size:16px;line-height:1.4;transition:border-color .2s,box-shadow .2s}.kupa-login .auth-input-shell input{padding-left:50px;padding-right:50px}.kupa-login .auth-form-wrap input::placeholder{color:#8898a5;opacity:1}.kupa-login .auth-form-wrap input:focus{border-color:#77e3cf;box-shadow:0 0 0 3px #4bb9a51a}.kupa-login .auth-form-wrap input:-webkit-autofill{-webkit-text-fill-color:#edf4f7;caret-color:#edf4f7;-webkit-box-shadow:inset 0 0 0 1000px #0a1015}.kupa-login .auth-password-toggle{color:#cedce4;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:4px;right:4px}.kupa-login .auth-password-toggle:hover{color:#74f4dc}.kupa-login .primary-button{color:#051d19;white-space:normal;background:#73f2d9;border:1px solid #a5fce9;border-radius:7px;width:100%;min-height:52px;padding:12px 16px;font-size:16px;font-weight:700;line-height:1.4;box-shadow:0 6px 30px #42beaa12}.kupa-login .primary-button:hover:not(:disabled){background:#a0ffe9;box-shadow:0 6px 32px #42beaa29}.kupa-login .auth-text-button{color:#89efd9;text-underline-offset:5px;min-height:30px;font-size:14px;text-decoration:underline}.kupa-login .auth-recovery-heading{margin:-8px 0 20px}.kupa-login .auth-recovery-heading .auth-text-button{color:#a6b7c4;text-decoration:none}.kupa-login .error-banner,.kupa-login .success-banner{overflow-wrap:anywhere;font-size:14px;line-height:1.6}.kupa-login-assurances{border-top:1px solid #2a383d;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:30px;padding-top:22px;display:flex}.kupa-login-assurances span{color:#afbec9;align-items:center;gap:12px;font-size:12px;display:flex}.kupa-login-assurances svg{color:#65ead2;flex-shrink:0}.kupa-login[data-motion=paused] .kupa-presence-image,.kupa-login[data-motion=paused] .kupa-presence-scan{animation-play-state:paused}@keyframes kupa-breathe{0%,to{filter:brightness(.89);transform:scale(1)}50%{filter:brightness(1.07);transform:scale(1.008)}}@keyframes kupa-scan{0%{clip-path:inset(0 0 98%)}90%,to{clip-path:inset(98% 0 0)}}@media (min-width:1900px){.kupa-login .auth-panel{max-width:620px}}@media (max-width:1250px){.kupa-login{grid-template-columns:minmax(0,1fr) minmax(400px,43%);padding-right:4%}.kupa-login .auth-panel{padding-inline:24px 0}.kupa-login .auth-intro h2{font-size:28px}.kupa-presence-image,.kupa-presence-scan{object-position:36% center}}@media (max-width:800px){.kupa-login{flex-direction:column;align-items:stretch;gap:0;padding:28px 24px 40px;display:flex}.kupa-login-brand{align-self:flex-start;gap:14px;position:relative;top:auto;left:auto}.kupa-login-brand .brand-mark{width:40px;height:40px;font-size:20px}.kupa-login-brand h1{font-size:28px}.kupa-login-brand p{font-size:12px}.kupa-motion-control{width:34px;height:34px;top:30px;right:20px}.kupa-presence{height:350px;bottom:auto}.kupa-presence-image,.kupa-presence-scan{object-position:26% center}.kupa-login .auth-panel{background:#03090b;border-left:0;width:100%;max-width:500px;margin:205px auto 0;padding:24px 0 0}.kupa-login .auth-intro{margin-bottom:22px}.kupa-login .auth-intro h2{font-size:26px}.kupa-login .auth-intro p{font-size:14px}.kupa-login .auth-tabs{margin-bottom:22px}.kupa-login .auth-form-wrap form{gap:17px}.kupa-login-assurances{gap:12px;margin-top:24px;padding-top:20px}.kupa-login-assurances span{gap:8px;font-size:11px}}@media (max-width:380px){.kupa-login{padding-inline:18px}.kupa-login-brand h1{font-size:25px}.kupa-login-brand p{font-size:11px}.kupa-login .auth-intro h2{font-size:24px}.kupa-login .auth-tabs button{padding-inline:7px;font-size:12px}}@media (prefers-reduced-motion:reduce){.kupa-presence-image,.kupa-presence-scan{animation:none!important}.kupa-presence-scan{display:none}.kupa-presence-parallax{transition:none;transform:none!important}.kupa-login *,.kupa-login :before,.kupa-login :after{transition-duration:0s!important}}
