:root{--nav:#0b1522;--blue:#be1e2d;--bg:#f3f6f9;--brand-text:#162536;--brand-accent:#be1e2d;--brand-button-text:#ffffff;--brand-header-text:#ffffff;--brand-logo-width:360px;--brand-logo-height:200px}
body{background-color:var(--bg)!important;color:var(--brand-text)!important}
body>header{background:var(--nav)!important;color:var(--brand-header-text)!important}
body>header a{color:var(--brand-header-text)!important}
button.primary,.btn,#kc-login,.pf-c-button.pf-m-primary,.pf-v5-c-button.pf-m-primary{background:var(--blue)!important;color:var(--brand-button-text)!important}
.brand{background:transparent url('/api/v1/branding/logo/d13b4bd443a5e259ad0616c4a05dc7b69456a4636f2768180365159e96af06de.png') center/contain no-repeat;border-radius:6px;min-width:170px;width:190px;height:54px;font-size:0!important;padding:4px}
.brand>*{visibility:hidden}
.wrap>.brand{width:min(100%,var(--brand-logo-width));height:var(--brand-logo-height);min-width:0;margin:0 auto 24px!important}
.login-pf body{background:linear-gradient(145deg,#0b1728,#10243d 58%,#173451)!important;min-height:100vh}
#kc-header-wrapper{background:transparent url('/api/v1/branding/logo/d13b4bd443a5e259ad0616c4a05dc7b69456a4636f2768180365159e96af06de.png') center/contain no-repeat!important;border-radius:8px;margin:0 auto 24px;width:min(var(--brand-logo-width),90vw);height:var(--brand-logo-height);color:transparent!important;padding:0!important;font-size:0!important}
#kc-header-wrapper::after{content:"Emology";position:absolute;width:1px;height:1px;overflow:hidden}
#kc-page-title{font-size:0!important;background:transparent!important}
#kc-page-title::after{content:"Sign in to Emology";font-size:24px;color:var(--brand-text)}
.card-pf{border-top:4px solid var(--brand-accent)!important;border-radius:10px;background:white!important}