*{box-sizing:border-box;margin:0;padding:0}.xpe-login-page{display:flex;flex-direction:column;height:100vh}.xpe-page{display:flex;flex-grow:1}.xpe-page__left{flex:1.6;background-color:#0b2237;padding:3rem;display:flex;flex-direction:column;justify-content:center}.xpe-page__right{flex:1;background-color:#3d3d3d;display:flex;align-items:center;position:relative;overflow:hidden;min-height:32rem}.xpe-branding{display:flex;flex-direction:column;max-width:821px;margin:0 auto}.xpe-branding__header{padding-left:1.5rem;margin-bottom:2.8rem}.xpe-branding__tagline{font-size:2rem;font-weight:700;line-height:1;color:#fff;line-height:1.2}.xpe-branding__devices{max-width:100%;margin:0 auto}.xpe-branding__devices img{max-width:100%;object-fit:contain}.xpe-branding__help-container{padding:2.5rem 1rem}.xpe-branding__help-title{font-size:1.5rem;font-weight:700;line-height:1;color:#fff;margin:3rem 0 2rem;text-align:center}.xpe-branding__help{display:flex;gap:2.5rem;justify-content:center}.xpe-login{background-color:transparent;padding:2rem;width:100%;max-width:28.4375rem;margin:0 auto;position:relative;overflow:hidden;min-height:25rem}.xpe-login-form,.xpe-account-recovery-form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;flex-direction:column;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.xpe-login__title{font-size:2rem;line-height:1.2;margin-bottom:.7rem;text-align:center;color:#fff;text-shadow:2px 2px 4px #000000}.xpe-login__field{position:relative;display:flex}.xpe-login-input__field{width:100%}.xpe-login__field input{border-radius:3px 0 0 3px}.xpe-login__domain{display:flex;align-items:center;padding-left:1.5rem;padding-right:1.5rem;font-weight:500;color:#000;font-size:1.1rem;background-color:#d9d9d9;border-radius:0 3px 3px 0}.xpe-login__forgot{font-size:1.1rem;color:#1ab7ea;font-weight:400;text-align:center;display:block;text-decoration:none;margin-top:1.25rem}.xpe-login__forgot:hover{text-decoration:underline}.form-field{margin-top:1.25rem}.xpe-input{border:none;border-radius:3px;font-size:1rem;width:100%;box-shadow:0 4px 4px #00000040}input.xpe-input{width:100%;padding:1rem 1.38rem;font-size:1.25rem;line-height:1}.xpe-input:focus{background-color:#e6f7e6;outline:none;transition:background-color .3s ease-in-out}.xpe-checkbox{display:flex;align-items:center;position:relative}.xpe-checkbox input{margin-right:.5rem;border-radius:6px;width:1.5rem;height:1.5rem;appearance:none;-webkit-appearance:none;border:2px solid #06c8ef;background-color:transparent;box-shadow:0 4px 4px #00000040}.xpe-checkbox input:checked{background-color:transparent}.xpe-checkbox input:checked:before{content:"";position:absolute;top:0;left:7px;width:7px;height:14px;border:solid #06c8ef;border-width:0 3px 3px 0;transform:rotate(45deg)}.xpe-checkbox__label{font-size:1.1rem;font-weight:400;user-select:none;color:#fff}.password-field-container{position:relative}.toggle-password{position:absolute;top:50%;right:24px;transform:translateY(-50%);cursor:pointer;background:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center}.toggle-password img{width:24px;height:24px;transition:opacity .3s ease-in-out,transform .3s ease-in-out;position:absolute}.toggle-password .eye-icon{opacity:1;transform:scale(1)}.toggle-password .eye-off-icon,.toggle-password.showing-password .eye-icon{opacity:0;transform:scale(0)}.toggle-password.showing-password .eye-off-icon{opacity:1;transform:scale(1)}.xpe-button{padding:1rem 1.5rem;border-radius:3px;border:none;background-color:#1ab7ea;color:#202020;font-weight:700;font-size:19px;display:flex;align-items:center;text-align:center;gap:.6rem;cursor:pointer;transition:background-color .3s;box-shadow:0 4px 4px #00000040}.xpe-button:hover{background-color:#0491c9}.xpe-button--primary{color:#231f20;justify-content:center}.xpe-button--primary:hover{text-align:center}.xpe-button--secondary{background-color:#2d3748}.xpe-button--secondary:hover{background-color:#3b4558}.xpe-button--loading{cursor:not-allowed}.xpe-loader{display:none}.xpe-button--loading .xpe-loader{display:flex}.xpe-2fa{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:sans-serif;padding:20px}.xpe-2fa__logo img{max-width:332px;object-fit:contain;margin-bottom:10px}.xpe-2fa__card{background-color:#f8f9fa;padding:30px;border-radius:10px;max-width:400px;width:100%;text-align:center}.xpe-2fa__title{font-size:1.4rem;color:#2f6c8f;margin-bottom:10px}.xpe-2fa__subtitle{font-size:.9rem;color:#555;margin-bottom:20px}.xpe-2fa__form{display:flex;flex-direction:column;gap:15px}.xpe-2fa__code-inputs{display:flex;justify-content:center;gap:8px}.xpe-2fa__code-input{width:45px;height:45px;text-align:center;font-size:1.2rem;border:2px solid #007399;border-radius:6px;outline:none;box-shadow:0 4px 4px #00000040}.xpe-2fa__code-input--error{border-color:red}.xpe-2fa__code-input::-webkit-inner-spin-button,.xpe-2fa__code-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.xpe-2fa__code-input[type=number]{-moz-appearance:textfield}.xpe-2fa__verify-btn{background-color:#007399;color:#fff;padding:10px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;box-shadow:0 4px 4px #00000040}.xpe-2fa__code-input:focus{outline:none}.xpe-2fa__note{font-size:.8rem;color:#666;margin-top:5px}.xpe-2fa__resend{font-size:.9rem;color:#333}.xpe-2fa__resend-btn{font-weight:700;background-color:transparent;color:#007399;border:none;font-size:.8rem;cursor:pointer;outline:none}.xpe-2fa__timer{font-weight:700;color:#007399;margin-left:4px}.xpe-2fa__cancel-btn{background:none;color:red;border:1px solid red;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:700;box-shadow:0 2px 4px #00000040}.xpe-2fa__footer{color:#ccc;font-size:.8rem;margin-top:20px}.xpe-recaptcha{display:none}.bg-blue{background-color:#0b2237}.on-mobile{display:none}.xpe-global-error{background-color:#ff4d4d;color:#fff;padding:1rem;border-radius:5px;margin-bottom:1rem;display:none}.xpe-error-message{display:block;color:#ff4d4d;font-size:.8rem;margin-top:.5rem}.xpe-success-message{color:#28a745;font-size:1rem;margin-top:.5rem}.xpe-hidden{display:none}.xpe-visible{display:inline-block}.mb-8{margin-bottom:2rem}.login__response-message{color:#ff4d4d;font-size:.8rem;margin:.7rem 0}.xpe-login-message{padding:10px 15px;margin-bottom:15px;border-radius:5px;font-size:.9em;text-align:center}.xpe-login-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.xpe-login-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.xpe-form-hidden{opacity:0;transform:translate(-50%,-45%);pointer-events:none;visibility:hidden;z-index:1}.xpe-2fa-form-hidden{width:100%;opacity:0;pointer-events:none;visibility:hidden;z-index:1;display:none}.xpe-form-visible{opacity:1;transform:translate(-50%,-50%);pointer-events:all;visibility:visible;z-index:2}.xpe-2fa-form-visible{width:100%;opacity:1;pointer-events:all;visibility:visible;z-index:2}@media (max-width: 1570px){.xpe-branding__tagline{font-size:1.5rem}.xpe-branding__devices img{max-height:360px}}@media (max-width: 1360px){.xpe-branding__devices img{max-height:248px}}@media (max-width: 1024px){.xpe-page{height:70vh}.xpe-branding__help-title{margin:0rem 0 2rem;font-size:1.2rem}.xpe-login{min-width:32.5rem}.xpe-branding__header{margin-bottom:0;padding:2rem 1rem}.xpe-page__left{display:none}.on-mobile{display:block}.xpe-branding__logo-container{display:flex;align-items:center;justify-content:center;max-width:30rem}.xpe-branding__logo-container img{max-width:100%;height:auto}.xpe-branding__header{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}}@media (max-width: 768px){html{font-size:14px}.xpe-branding__tagline,.xpe-branding__help-title{font-size:1.2rem}.xpe-login{min-width:35rem}}@media (max-width: 576px){.xpe-login{min-width:28rem}.xpe-button{padding:.8rem 1rem;font-size:16px;display:flex;justify-content:center}.xpe-branding__help{flex-direction:column;gap:1rem}.xpe-branding__help a.xpe-button{width:22rem;margin:0 auto}}@media (max-width: 516px){.xpe-branding__logo-container{max-width:26rem}}html,body{margin:0;width:100%;height:100%;font-family:Inter,sans-serif}