.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-field input{padding-left:46px;text-align:left!important}.login-field .field-icon{right:14px;left:auto}.password-toggle{left:12px!important;right:auto!important}.password-input-lang{right:44px!important;left:auto!important}.hero-line{text-align:right}.visual-benefits{justify-content:flex-end}.login-options{direction:ltr}.remember-row{flex-direction:row}.sign-in{flex-direction:row}.login-message:not(:empty){color:#b3261e;font-size:13px}.brand-subtitle{white-space:nowrap}@media(max-width:600px){body{overflow:auto}.login-page{height:auto;min-height:100vh}.card-pane{padding:20px 14px}.login-card{width:100%}.login-footer{font-size:10px}}

@media(min-width:620px){
 html,body{height:100%;overflow:hidden}
 .login-page{height:100vh;min-height:100vh;display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);grid-template-rows:minmax(0,1fr) 30px;grid-template-areas:"visual card" "footer footer";overflow:hidden}
 .visual-pane{grid-area:visual;height:auto;min-height:0;padding:42px 30px 0}
 .visual-content{width:100%;max-width:100%}
 .visual-pane::before{inset:0;background-position:left center}
 .card-pane{grid-area:card;min-width:0;padding:22px 20px;display:flex;align-items:center;justify-content:center;background:transparent}
 .login-card{width:100%;max-width:454px;min-width:0;padding:26px 26px 20px;margin:0}
 .login-footer{grid-area:footer}
}
@media(min-width:620px) and (max-width:1000px){
 .card-pane{padding:14px 12px}
 .login-card{padding:24px 18px 18px}
 .card-header strong{font-size:48px}
 .card-header h1{font-size:17px;letter-spacing:1.5px}
 .brand-word{font-size:58px}
 .brand-subtitle{font-size:10px;letter-spacing:4px}
 .hero-line{font-size:17px}
 .visual-benefits{font-size:10px;flex-wrap:wrap}
 .benefits-row article{padding:0 5px}
 .benefits-row b{font-size:10px}
 .benefits-row small{font-size:9px}
 .login-options{font-size:11px}
 .login-footer{font-size:9px}
}