:is(html:has(.pyxis-login),body:has(.pyxis-login)){height:100%;overflow:hidden}html[lang=ar] .pyxis-login,html[data-locale=ar] .pyxis-login,html[lang=ar] .pyxis-login .login-title,html[data-locale=ar] .pyxis-login .login-title,html[lang=ar] .pyxis-login .login-right-title,html[data-locale=ar] .pyxis-login .login-right-title{font-family:Noto Sans Arabic,Instrument Sans,Archivo,system-ui,sans-serif}.pyxis-login .login-lang{top:16px;z-index:4;position:absolute;inset-inline-end:16px}.pyxis-login .login-lang>div{border-color:var(--line);background:#fff;box-shadow:0 8px 20px -16px #14161e59}.pyxis-login{--ink:#17191f;--ink-soft:#5d616b;--line:#e7e8ea;--field:#fafafb;--accent:#6c5ce8;--accent-soft:#6c5ce81a;--ease:cubic-bezier(.22, 1, .36, 1);box-sizing:border-box;color:var(--ink);height:100vh;height:100dvh;max-height:100vh;background:#eceef0;place-items:center;max-height:100dvh;padding:12px;font-family:Instrument Sans,system-ui,sans-serif;display:grid;overflow:hidden}.pyxis-login ::selection{background:var(--accent);color:#fff}.pyxis-login button{font-family:inherit}.pyxis-login .login-frame{background:#fff;border-radius:24px;grid-template-columns:minmax(0,48fr) minmax(0,52fr);width:min(1120px,100%);height:100%;min-height:0;max-height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #14161e40}.pyxis-login .login-left{flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:clamp(20px,3vh,40px) clamp(20px,3.5vw,48px);display:flex;overflow:hidden}.pyxis-login .login-left-inner{width:min(380px,100%)}.pyxis-login .login-mark{width:auto;height:24px;margin:0 auto 14px;display:block}.pyxis-login .login-title{font-variation-settings:"wdth" 106;letter-spacing:-.02em;text-align:center;font-family:Archivo,sans-serif;font-size:23px;font-weight:700}.pyxis-login .login-sub{text-align:center;color:var(--ink-soft);margin-top:6px;margin-bottom:18px;font-size:13px;line-height:1.45}.pyxis-login .login-pane{animation:login-rise .4s var(--ease);display:none}.pyxis-login .login-pane.show{display:block}@keyframes login-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pyxis-login .login-label{color:var(--ink-soft);letter-spacing:.02em;margin:0 0 5px 4px;font-size:12px;font-weight:600;display:block}.pyxis-login .login-input{width:100%;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:12px;outline:none;margin-bottom:10px;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .25s,box-shadow .25s}.pyxis-login .login-input::placeholder{color:#a2a6ad}.pyxis-login .login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pyxis-login .login-input:disabled{opacity:.7;cursor:not-allowed}.pyxis-login .login-otp-row{gap:12px;margin:-4px 0 12px}.pyxis-login .login-otp-row .login-link:disabled{opacity:.5;pointer-events:none}.pyxis-login .login-grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pyxis-login .login-row{justify-content:space-between;align-items:center;margin:-2px 0 12px;display:flex}.pyxis-login .login-row a,.pyxis-login .login-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:none}.pyxis-login .login-row a:hover,.pyxis-login .login-link:hover{text-decoration:underline}.pyxis-login .login-check{color:var(--ink-soft);cursor:pointer;align-items:flex-start;gap:9px;margin:2px 0 12px;font-size:12.5px;line-height:1.45;display:flex}.pyxis-login .login-check input{accent-color:var(--accent);margin-top:2px}.pyxis-login .login-check a,.pyxis-login .login-check .login-link{color:var(--accent);font-weight:500}.pyxis-login .login-cta{cursor:pointer;background:var(--accent);color:#fff;width:100%;transition:transform .25s var(--ease),filter .25s,background .5s var(--ease);box-shadow:0 12px 26px -12px color-mix(in srgb,var(--accent) 65%,transparent);border:none;border-radius:100px;justify-content:center;align-items:center;gap:9px;padding:12px;font-size:15px;font-weight:600;display:flex}.pyxis-login .login-cta:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.pyxis-login .login-cta:disabled{opacity:.65;cursor:not-allowed}.pyxis-login .login-cta svg{stroke:currentColor;stroke-width:2.4px;fill:none;width:15px;height:15px;transition:transform .25s var(--ease)}.pyxis-login .login-cta:hover:not(:disabled) svg{transform:translate(4px)}.pyxis-login .login-foot{text-align:center;color:var(--ink-soft);margin-top:14px;font-size:12.5px}.pyxis-login .login-foot a,.pyxis-login .login-foot .login-link{color:var(--accent);font-weight:600;text-decoration:none}.pyxis-login .login-foot a:hover,.pyxis-login .login-foot .login-link:hover{text-decoration:underline}.pyxis-login .login-error{color:#c23b4a;margin:-4px 0 10px;font-size:12.5px}.pyxis-login .login-hint{color:var(--ink-soft);margin:-4px 0 14px;font-size:13px;line-height:1.45}.pyxis-login .login-right{background:#fbfafc;border-radius:18px;flex-direction:column;align-items:center;min-height:0;margin:10px;padding:clamp(16px,3vh,32px) clamp(16px,2.5vw,32px) 14px;display:flex;position:relative;overflow:hidden}.pyxis-login .login-blob{filter:blur(46px);opacity:.55;transition:background 1s var(--ease);border-radius:50%;position:absolute}.pyxis-login .login-b1{top:-120px;background:var(--accent);width:340px;height:340px;inset-inline-start:-100px}.pyxis-login .login-b2{bottom:-110px;background:#f2c14e;width:300px;height:300px;inset-inline-end:-90px}.pyxis-login .login-b3{bottom:20%;opacity:.35;background:#f08bb0;width:200px;height:200px;inset-inline-start:-90px}.pyxis-login .login-right-inner{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:420px;min-height:0;display:flex;position:relative}.pyxis-login .login-right-title{font-variation-settings:"wdth" 106;letter-spacing:-.02em;text-align:center;font-family:Archivo,sans-serif;font-size:clamp(18px,2.1vw,24px);font-weight:700;line-height:1.2}.pyxis-login .login-stem{background:linear-gradient(#c9ccd2,#0000);flex-shrink:0;width:1px;height:26px;margin:10px 0 2px}.pyxis-login .login-cluster{flex-direction:column;flex-shrink:0;align-items:center;margin-bottom:10px;display:flex}.pyxis-login .login-hex-row{gap:14px;margin-top:-8px;display:flex}.pyxis-login .login-hex{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:#fff;place-items:center;width:58px;height:64px;animation:6s ease-in-out infinite login-bob;display:grid;box-shadow:0 10px 24px -10px #14161e40}.pyxis-login .login-hex:nth-child(2n){animation-delay:-3s}@keyframes login-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pyxis-login .login-hex span{color:#fff;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);place-items:center;width:40px;height:44px;font-family:Archivo,sans-serif;font-size:12px;font-weight:700;display:grid}.pyxis-login .login-badge{color:#fff;background:var(--accent);box-shadow:0 0 0 5px #fff,0 0 0 6px var(--line);border-radius:100px;flex-shrink:0;margin:4px 0 14px;padding:6px 18px;font-size:12px;font-weight:600}.pyxis-login .login-feats{flex-direction:column;gap:8px;width:100%;display:flex}.pyxis-login .login-feat{border:1px solid var(--line);animation:login-rise .45s var(--ease) backwards;background:#fff;border-radius:13px;align-items:center;gap:12px;padding:10px 13px;display:flex}.pyxis-login .login-feat:first-child{animation-delay:50ms}.pyxis-login .login-feat:nth-child(2){animation-delay:.12s}.pyxis-login .login-feat:nth-child(3){animation-delay:.19s}.pyxis-login .login-f-ic{background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.pyxis-login .login-f-ic svg{width:14px;height:14px;stroke:var(--accent);stroke-width:2px;fill:none}.pyxis-login .login-feat .t{font-size:13px;font-weight:600}.pyxis-login .login-feat .tag{letter-spacing:.05em;color:var(--ink-soft);align-items:center;gap:6px;margin-inline-start:auto;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.pyxis-login .login-feat .tag i{background:#4cc271;border-radius:50%;width:7px;height:7px;display:inline-block}.pyxis-login .login-note{z-index:2;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);flex-shrink:0;margin-top:12px;padding-top:0;font-family:IBM Plex Mono,monospace;font-size:10px;position:relative}.pyxis-login .login-pw-wrap{margin-bottom:10px;position:relative}.pyxis-login .login-pw-wrap .login-input{margin-bottom:0;padding-inline-end:42px}.pyxis-login .login-pw-toggle{inset-inline-end:12px;cursor:pointer;color:var(--ink-soft);background:0 0;border:none;padding:0;position:absolute;top:50%;transform:translateY(-50%)}@media(max-width:900px){.pyxis-login .login-frame{grid-template-columns:1fr}.pyxis-login .login-right{display:none}}@media(max-height:720px){.pyxis-login .login-hex{width:48px;height:54px}.pyxis-login .login-hex span{width:34px;height:38px;font-size:11px}.pyxis-login .login-stem{height:16px;margin:6px 0 0}.pyxis-login .login-feat{padding:8px 12px}}@media(prefers-reduced-motion:reduce){.pyxis-login *,.pyxis-login :before,.pyxis-login :after{transition-duration:.01ms!important;animation:none!important}}
