.hidden{display:none!important}@media only screen and (min-width: 530px) and (max-width: 949px),only screen and (min-width: 950px) and (max-width: 1128px),only screen and (min-width: 1129px){.mobile-only{display:none!important}}@media only screen and (min-width: 769px) and (max-width:949px),only screen and (min-width: 950px) and (max-width: 1128px),only screen and (min-width: 1129px){.mobile-portrait{display:none!important}}@media only screen and (max-width: 529px){.mobile-hidden{display:none!important}}@media only screen and (max-width: 529px),only screen and (min-width: 530px) and (max-width:768px){.portrait-hidden{display:none!important}}@media only screen and (max-width: 529px),only screen and (min-width: 530px) and (max-width: 949px){.tablet-hidden{display:none!important}}@media only screen and (min-width: 950px) and (max-width: 1128px),only screen and (min-width: 1129px){.desktop-hidden{display:none!important}}@media only screen and (max-width: 529px),only screen and (min-width: 530px) and (max-width: 949px),only screen and (min-width: 950px) and (max-width: 1128px){.desktop-xl-only{display:none!important}}body{position:relative}body:after{pointer-events:none;content:"undefined";text-align:center;display:block;padding:.5em 1em;background:red;position:fixed;color:#fff;opacity:.8;z-index:9999;bottom:0;left:0}@media only screen and (max-width: 529px){body:after{background:orange;content:"mobile"}}@media only screen and (min-width: 530px) and (max-width: 949px){body:after{background:purple;content:"tablet-landscape"}}@media only screen and (min-width: 530px) and (max-width:768px){body:after{background:red;content:"tablet-portrait"}}@media only screen and (min-width: 950px) and (max-width: 1128px){body:after{background:green;content:"desktop"}}@media only screen and (min-width: 1129px){body:after{background:#00f;content:"desktop-xl"}}@media only screen and (min-width: 530px) and (max-width:768px),only screen and (max-width: 529px){.page-wrapper{padding-top:1.25rem;margin-bottom:0}}.login-container{background-color:#242728;border-radius:16px;margin:0 auto 5rem;max-height:750px;padding:.5rem;max-width:80%;gap:1.5rem;flex:1}.login-container .section{padding:1rem;flex:1}.login-container .brand-section{gap:6rem}.login-container .brand-section .logo-container{border-radius:12px;margin-bottom:1.75rem;padding:.5rem;max-width:80%;display:flex}.login-container .brand-section .logo-container img{width:100%}.login-container .brand-section .content h1,.login-container .brand-section .content h2{text-align:center;color:#fff}.login-container .brand-section .content h1{letter-spacing:1px;font-size:2rem;margin-bottom:1.5rem}.login-container .brand-section .content h1 b{color:#d72630}.login-container .brand-section .content h2{font-weight:500}.login-container .brand-section .content .dot-separator{color:#9ab6fa}.login-container .form-section{background-color:#fff;border-radius:10px;gap:2rem}.login-container .form-section>*{width:75%}@media only screen and (min-width: 769px) and (max-width:949px),only screen and (min-width: 530px) and (max-width:768px){.login-container .form-section>*{width:85%}}@media only screen and (max-width: 529px){.login-container .form-section>*{width:100%}}.login-container .form-section form{text-align:center}.login-container .form-section .divider{background-color:#eef3fe;position:relative;display:block;height:2px}.login-container .form-section .divider:after{left:calc(50% - .875rem);top:calc(50% - .75rem);background-color:#fff;color:#484a4b;position:absolute;text-align:center;display:block;width:1.75rem;content:"or"}.login-container .form-section .btn:not(.btn-close){display:block;width:100%}.login-container .form-section .ms-login-btn{border:2px solid #AFB0B1;justify-content:center;display:flex;gap:.75rem}.login-container .form-section .ms-login-btn img{align-self:center;width:1rem}.login-container .form-section .ms-login-btn:hover{border-color:#962423}.login-container .form-section .forgot-password{text-align:center;font-size:.875rem}@media only screen and (min-width: 530px) and (max-width:768px),only screen and (max-width: 529px){.login-container{flex-direction:column;margin-bottom:1rem;max-height:825px;flex:none;gap:.5rem}.login-container .section{flex:none}.login-container .brand-section{gap:0}.login-container .brand-section .content h1{margin-bottom:.5rem;font-size:1.75rem}}