: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{font-family:Noto Sans Arabic,Instrument Sans,Archivo,system-ui,sans-serif}.pyxis-login{--ink:#1d2140;--ink-soft:#6b6f85;--label:#3a3e58;--line:#e6e5ef;--field:#fff;--accent:#6c5ce8;--accent-2:#8e7dff;--accent-soft:#6c5ce824;--ease:cubic-bezier(.22, 1, .36, 1);box-sizing:border-box;color:var(--ink);height:100vh;isolation:isolate;background:radial-gradient(120% 90% at 50% 40%,#faf8ff,#f3f0fb 55%,#f5f1f4);place-items:center;height:100dvh;padding:16px;font-family:Instrument Sans,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.pyxis-login ::selection{background:var(--accent);color:#fff}.pyxis-login button{font-family:inherit}.pyxis-login .login-glow{z-index:-1;filter:blur(90px);pointer-events:none;border-radius:50%;animation:18s ease-in-out infinite login-drift;position:absolute}.pyxis-login .login-glow-violet{top:-22%;background:radial-gradient(circle,#8476ffbf,#8476ff00 70%);width:48vw;max-width:620px;height:48vw;max-height:620px;inset-inline-start:-12%}.pyxis-login .login-glow-pink{bottom:-24%;background:radial-gradient(circle,#f780acd9,#f780ac00 70%);width:44vw;max-width:560px;height:44vw;max-height:560px;animation-delay:-6s;inset-inline-start:-10%}.pyxis-login .login-glow-amber{bottom:-18%;background:radial-gradient(circle,#ffbe50e6,#ffbe5000 70%);width:42vw;max-width:540px;height:42vw;max-height:540px;animation-delay:-12s;inset-inline-end:-10%}@keyframes login-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(2%,-2%)scale(1.05)}}.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:#ffffffd9;box-shadow:0 8px 20px -16px #14161e59}.pyxis-login .login-card{scrollbar-width:none;-webkit-backdrop-filter:blur(18px);width:min(440px,100%);max-height:100%;animation:login-rise .5s var(--ease);background:#ffffffdb;border:1px solid #ffffffe6;border-radius:22px;padding:clamp(20px,4vh,34px) clamp(22px,3vw,34px);position:relative;overflow-y:auto;box-shadow:0 30px 70px -30px #4c40a047,0 2px 6px #1d21400a}.pyxis-login .login-mark{width:auto;height:34px;margin:0 auto 16px;display:block}.pyxis-login .login-title{font-variation-settings:"wdth" 106;letter-spacing:-.02em;text-align:center;color:var(--ink);font-family:Archivo,sans-serif;font-size:24px;font-weight:700}.pyxis-login .login-title-brand{color:var(--accent)}.pyxis-login .login-sub{text-align:center;max-width:300px;color:var(--ink-soft);margin:8px auto 22px;font-size:13px;line-height:1.5}.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(--label);margin:0 0 6px 2px;font-size:12.5px;font-weight:600;display:block}.pyxis-login .login-field{margin-bottom:14px;position:relative}.pyxis-login .login-field-icon{inset-inline-start:14px;color:#8a8ea3;pointer-events:none;width:16px;height:16px;transition:color .2s;position:absolute;top:50%;transform:translateY(-50%)}.pyxis-login .login-field:focus-within .login-field-icon{color:var(--accent)}.pyxis-login .login-input{width:100%;height:46px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:12px;outline:none;margin-bottom:14px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .25s,box-shadow .25s}.pyxis-login .login-field .login-input{margin-bottom:0;padding-inline-start:42px}.pyxis-login .login-input::placeholder{color:#a6a9b8}.pyxis-login .login-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.pyxis-login .login-input:disabled{opacity:.7;cursor:not-allowed}.pyxis-login .login-pw-wrap .login-input{padding-inline-end:44px}.pyxis-login .login-pw-toggle{inset-inline-end:14px;cursor:pointer;color:#8a8ea3;background:0 0;border:none;place-items:center;padding:0;transition:color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pyxis-login .login-pw-toggle:hover{color:var(--accent)}.pyxis-login .login-row{justify-content:space-between;align-items:center;margin:2px 0 18px;display:flex}.pyxis-login .login-otp-row{gap:12px;margin:-4px 0 14px}.pyxis-login .login-otp-row .login-link:disabled{opacity:.5;pointer-events:none}.pyxis-login .login-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600;text-decoration:none}.pyxis-login .login-link:hover{text-decoration:underline}.pyxis-login .login-check{color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:flex}.pyxis-login .login-check input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0}.pyxis-login .login-cta{cursor:pointer;background:linear-gradient(90deg,var(--accent-2) 0%,var(--accent) 100%);color:#fff;width:100%;height:48px;transition:transform .25s var(--ease),filter .25s,box-shadow .25s;border:none;border-radius:999px;justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex;box-shadow:0 14px 30px -12px #6c5ce8a6,inset 0 1px #ffffff40}.pyxis-login .login-cta:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 18px 36px -12px #6c5ce8b3,inset 0 1px #ffffff40}.pyxis-login .login-cta:disabled{opacity:.7;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:18px;font-size:12.5px}.pyxis-login .login-foot .login-link{font-weight:700}.pyxis-login .login-error{color:#c23b4a;margin:-6px 0 12px;font-size:12.5px}.pyxis-login .login-hint{color:var(--ink-soft);margin:-6px 0 16px;font-size:12.5px;line-height:1.45}.pyxis-login .login-card::-webkit-scrollbar{display:none}@media(max-height:760px){.pyxis-login .login-mark{height:26px;margin-bottom:10px}.pyxis-login .login-title{font-size:21px}.pyxis-login .login-sub{margin:6px auto 14px;font-size:12.5px}.pyxis-login .login-label{margin-bottom:4px;font-size:12px}.pyxis-login .login-input{height:40px;font-size:13.5px}.pyxis-login .login-field,.pyxis-login .login-input{margin-bottom:10px}.pyxis-login .login-row{margin-bottom:14px}.pyxis-login .login-cta{height:42px;font-size:14px}.pyxis-login .login-foot{margin-top:12px}}@media(prefers-reduced-motion:reduce){.pyxis-login *,.pyxis-login :before,.pyxis-login :after{transition-duration:.01ms!important;animation:none!important}}