.signin-layout{font-family:Open Sans,sans-serif;position:relative}[dir] .signin-layout{background-color:#1a1a1a}.signin-banners{position:fixed;top:0;bottom:0;overflow:hidden;z-index:0}[dir] .signin-banners{background-color:var(--brand-primary,#f60)}[dir=ltr] .signin-banners{left:0;right:0;background-image:linear-gradient(135deg,var(--brand-primary,#f60),#1a1a1a)}[dir=rtl] .signin-banners{right:0;left:0;background-image:linear-gradient(-135deg,var(--brand-primary,#f60),#1a1a1a)}.signin-banners .bannerImage{position:absolute;top:0;bottom:0;opacity:0;z-index:1;transition:opacity 1.6s ease-in-out;-webkit-transform:scale(1.05);will-change:opacity}[dir] .signin-banners .bannerImage{background-size:cover;background-position:50%;background-repeat:no-repeat;-webkit-transition:opacity 1.6s ease-in-out;transform:scale(1.05)}[dir=ltr] .signin-banners .bannerImage,[dir=rtl] .signin-banners .bannerImage{left:0;right:0}.signin-banners .bannerImage.selectBanner{opacity:1;z-index:2}.signin-banners:after{content:"";position:absolute;top:0;bottom:0;z-index:3;pointer-events:none}[dir=ltr] .signin-banners:after{left:0;right:0;background:linear-gradient(135deg,rgba(var(--brand-primary-rgb,255,102,0),.18),rgba(0,0,0,.3))}[dir=rtl] .signin-banners:after{right:0;left:0;background:linear-gradient(-135deg,rgba(var(--brand-primary-rgb,255,102,0),.18),rgba(0,0,0,.3))}.signin-layout .q-page-container,.signin-page{position:relative;z-index:1}.signin-page{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .signin-page{padding:24px}.signin-grid{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;max-width:1100px;width:100%;min-height:620px;-webkit-box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}[dir] .signin-grid{background-color:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.signin-brand{position:relative;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}[dir] .signin-brand{padding:56px 48px}[dir=ltr] .signin-brand{background:linear-gradient(135deg,var(--brand-primary,#f60),var(--brand-gradient-end,#ff8533))}[dir=rtl] .signin-brand{background:linear-gradient(-135deg,var(--brand-primary,#f60),var(--brand-gradient-end,#ff8533))}.signin-brand .brand-content{position:relative;z-index:1}.signin-brand .brand-decoration{position:absolute;top:-100px;width:360px;height:360px}[dir] .signin-brand .brand-decoration{background-color:hsla(0,0%,100%,.08);border-radius:50%}[dir=ltr] .signin-brand .brand-decoration{right:-100px}[dir=rtl] .signin-brand .brand-decoration{left:-100px}.signin-brand .brand-decoration:after{content:"";position:absolute;bottom:-260px;width:320px;height:320px}[dir] .signin-brand .brand-decoration:after{background-color:hsla(0,0%,100%,.06);border-radius:50%}[dir=ltr] .signin-brand .brand-decoration:after{left:-160px}[dir=rtl] .signin-brand .brand-decoration:after{right:-160px}[dir] .signin-brand .brand-logo{margin-bottom:32px}.signin-brand .brand-logo img{height:44px;width:auto;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.signin-brand .brand-title{font-size:32px;font-weight:700;line-height:1.2;letter-spacing:-.5px}[dir] .signin-brand .brand-title{margin:0 0 12px}.signin-brand .brand-subtitle{font-size:14px;font-weight:400;line-height:1.6;opacity:.92}[dir] .signin-brand .brand-subtitle{margin:0 0 36px}.signin-brand .brand-features{list-style:none}[dir] .signin-brand .brand-features{padding:0;margin:0}.signin-brand .brand-features li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;font-size:13px;font-weight:500;line-height:1.4}[dir] .signin-brand .brand-features li{margin-bottom:16px}.signin-brand .brand-features li .material-icons{font-size:22px;-ms-flex-negative:0;flex-shrink:0}[dir] .signin-brand .brand-features li .material-icons{background-color:hsla(0,0%,100%,.18);padding:8px;border-radius:8px}.signin-form-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[dir] .signin-form-wrapper{padding:56px 48px;background-color:#fff!important}.signin-form{width:100%;max-width:380px}[dir] .signin-form .form-header{margin-bottom:32px}.signin-form .form-title{font-size:26px;font-weight:700;color:#222;letter-spacing:-.4px}[dir] .signin-form .form-title{margin-bottom:6px}.signin-form .form-subtitle{font-size:13px;color:#888;font-weight:400}[dir] .signin-form .form-group{margin-bottom:18px}.signin-form label{display:block;font-size:12px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}[dir] .signin-form label{margin-bottom:8px}.signin-form .input-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}[dir] .signin-form .input-wrapper{background-color:#fff;border:1.5px solid #e5e5e5;border-radius:10px;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}[dir] .signin-form .input-wrapper:hover{border-color:#d0d0d0}.signin-form .input-wrapper:focus-within{-webkit-box-shadow:0 0 0 4px var(--brand-focus-glow,rgba(255,102,0,.12))}[dir] .signin-form .input-wrapper:focus-within{border-color:var(--brand-primary,#f60);box-shadow:0 0 0 4px var(--brand-focus-glow,rgba(255,102,0,.12))}.signin-form .input-icon{font-size:20px;color:#999;-ms-flex-negative:0;flex-shrink:0}[dir=ltr] .signin-form .input-icon{margin-left:14px}[dir=rtl] .signin-form .input-icon{margin-right:14px}.signin-form input[type=password],.signin-form input[type=text]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:48px;outline:none;font-size:14px;font-weight:500;color:#222;width:auto;-webkit-box-sizing:border-box;box-sizing:border-box}[dir] .signin-form input[type=password],[dir] .signin-form input[type=text]{padding:0 14px;border:none;background-color:transparent;margin:0}.signin-form input[type=password]::-webkit-input-placeholder,.signin-form input[type=text]::-webkit-input-placeholder{color:#aaa;font-weight:400}.signin-form input[type=password]::-moz-placeholder,.signin-form input[type=text]::-moz-placeholder{color:#aaa;font-weight:400}.signin-form input[type=password]::-ms-input-placeholder,.signin-form input[type=text]::-ms-input-placeholder{color:#aaa;font-weight:400}.signin-form input[type=password]::placeholder,.signin-form input[type=text]::placeholder{color:#aaa;font-weight:400}.signin-form input[type=password]:disabled,.signin-form input[type=text]:disabled{opacity:.5}[dir] .signin-form input[type=password]:disabled,[dir] .signin-form input[type=text]:disabled{cursor:not-allowed}.signin-form .input-toggle{color:#999;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .15s ease-in-out;-webkit-box-shadow:none}[dir] .signin-form .input-toggle{background:none;border:none;padding:0 14px;cursor:pointer;-webkit-transition:color .15s ease-in-out;box-shadow:none}.signin-form .input-toggle:hover{color:#555;-webkit-box-shadow:none}[dir] .signin-form .input-toggle:hover{box-shadow:none}.signin-form .input-toggle .material-icons{font-size:20px}.signin-form .form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[dir] .signin-form .form-row{margin-bottom:24px}.signin-form .remember-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#555;text-transform:none;letter-spacing:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[dir] .signin-form .remember-label{cursor:pointer;margin-bottom:0}.signin-form .remember-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;-ms-flex-negative:0;flex-shrink:0}[dir] .signin-form .remember-label input[type=checkbox]{margin:0;cursor:pointer;border:1.5px solid #d0d0d0;border-radius:4px;background-color:#fff;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out}[dir] .signin-form .remember-label input[type=checkbox]:hover{border-color:var(--brand-primary,#f60)}[dir] .signin-form .remember-label input[type=checkbox]:checked{background-color:var(--brand-primary,#f60);border-color:var(--brand-primary,#f60)}.signin-form .remember-label input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;width:4px;height:9px}[dir] .signin-form .remember-label input[type=checkbox]:checked:after{border:solid #fff}[dir=ltr] .signin-form .remember-label input[type=checkbox]:checked:after{left:5px;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}[dir=rtl] .signin-form .remember-label input[type=checkbox]:checked:after{right:5px;border-width:0 0 2px 2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.signin-form .remember-label input[type=checkbox]:focus-visible{outline:2px solid rgba(var(--brand-primary-rgb,255,102,0),.3);outline-offset:2px}.signin-form .signin-submit{width:100%;height:54px;color:#fff;font-size:15px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;-webkit-box-shadow:0 4px 14px var(--brand-shadow,rgba(255,102,0,.28));transition:-webkit-box-shadow .18s ease-in-out,-webkit-transform .08s ease-in-out,-webkit-filter .15s ease-in-out;transition:box-shadow .18s ease-in-out,transform .08s ease-in-out,filter .15s ease-in-out;transition:box-shadow .18s ease-in-out,transform .08s ease-in-out,filter .15s ease-in-out,-webkit-box-shadow .18s ease-in-out,-webkit-transform .08s ease-in-out,-webkit-filter .15s ease-in-out;position:relative;overflow:hidden}[dir] .signin-form .signin-submit{background-color:var(--brand-primary,#f60);border:none;border-radius:12px;cursor:pointer;text-align:center;box-shadow:0 4px 14px var(--brand-shadow,rgba(255,102,0,.28));-webkit-transition:-webkit-box-shadow .18s ease-in-out,-webkit-transform .08s ease-in-out,-webkit-filter .15s ease-in-out}[dir=ltr] .signin-form .signin-submit{background-image:linear-gradient(135deg,var(--brand-primary,#f60),var(--brand-gradient-end,#ff8533))}[dir=rtl] .signin-form .signin-submit{background-image:linear-gradient(-135deg,var(--brand-primary,#f60),var(--brand-gradient-end,#ff8533))}.signin-form .signin-submit .signin-submit-icon{font-size:20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transition:-webkit-transform .18s ease-in-out;transition:transform .18s ease-in-out;transition:transform .18s ease-in-out,-webkit-transform .18s ease-in-out}[dir] .signin-form .signin-submit .signin-submit-icon{transform:translateY(-50%);-webkit-transition:-webkit-transform .18s ease-in-out}[dir=ltr] .signin-form .signin-submit .signin-submit-icon{right:22px}[dir=rtl] .signin-form .signin-submit .signin-submit-icon{left:22px}[dir=ltr] .signin-form .signin-submit:hover:not(:disabled) .signin-submit-icon{-webkit-transform:translateY(-50%) translateX(4px);transform:translateY(-50%) translateX(4px)}[dir=rtl] .signin-form .signin-submit:hover:not(:disabled) .signin-submit-icon{-webkit-transform:translateY(-50%) translateX(-4px);transform:translateY(-50%) translateX(-4px)}.signin-form .signin-submit .fa-spinner{position:absolute;top:50%;-webkit-transform:translateY(-50%)}[dir] .signin-form .signin-submit .fa-spinner{transform:translateY(-50%)}[dir=ltr] .signin-form .signin-submit .fa-spinner{left:22px}[dir=rtl] .signin-form .signin-submit .fa-spinner{right:22px}.signin-form .signin-submit:hover:not(:disabled){-webkit-box-shadow:0 8px 22px rgba(var(--brand-primary-rgb,255,102,0),.4);-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:translateY(-1px)}[dir] .signin-form .signin-submit:hover:not(:disabled){box-shadow:0 8px 22px rgba(var(--brand-primary-rgb,255,102,0),.4);transform:translateY(-1px)}.signin-form .signin-submit:active:not(:disabled){-webkit-transform:translateY(0);-webkit-box-shadow:0 3px 10px rgba(var(--brand-primary-rgb,255,102,0),.3)}[dir] .signin-form .signin-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 10px rgba(var(--brand-primary-rgb,255,102,0),.3)}.signin-form .signin-submit:disabled{color:#aaa;-webkit-box-shadow:none}[dir] .signin-form .signin-submit:disabled{background-image:none;background-color:#e5e5e5;cursor:not-allowed;box-shadow:none}.signin-form .form-footer{font-size:11px;color:#aaa;letter-spacing:.3px}[dir] .signin-form .form-footer{margin-top:32px;text-align:center}@media(max-width:900px){.signin-grid{grid-template-columns:1fr;min-height:auto;max-width:480px}[dir] .signin-brand{padding:40px 32px}.signin-brand .brand-title{font-size:24px}[dir] .signin-brand .brand-subtitle{margin-bottom:24px}.signin-brand .brand-features{display:none}[dir] .signin-form-wrapper{padding:40px 32px}}@media(max-width:480px){[dir] .signin-page{padding:0}.signin-grid{-webkit-box-shadow:none;min-height:100vh}[dir] .signin-grid{border-radius:0;box-shadow:none}[dir] .signin-brand,[dir] .signin-form-wrapper{padding:32px 24px}}