:root {
 --keycloak-logo-url: url('../img/forst-wordmark-on-dark.svg');
 --keycloak-logo-height: 90px;
 --keycloak-logo-width: 340px;
 --keycloak-card-top-color: #f4c11d;
}
.login-pf body {
 background: radial-gradient(ellipse at 22% 30%,#ffb50018,transparent 55%),linear-gradient(110deg,#1a1a1b30,#1a1a1b60),url('../img/work-background.svg') center/cover fixed!important;
 min-height:100vh;
 padding-top:88px;
}
.login-pf body::before {content:'';position:fixed;inset:0 0 auto;height:72px;background:#30343a;pointer-events:none;}
.login-pf body::after {content:'';position:fixed;left:30px;top:10px;width:42px;height:52px;background:url('../img/work-symbol.svg') center/contain no-repeat;pointer-events:none;}
#kc-header-wrapper {
 background:url('../img/forst-wordmark-on-dark.svg') center/contain no-repeat!important;
 width:min(340px,100%);height:90px!important;min-height:0!important;margin:0 auto 28px!important;
 padding:0!important;font-size:0!important;letter-spacing:0;
}
#kc-header-wrapper .kc-logo-text {display:none!important;}
#kc-header-wrapper::before,#kc-header-wrapper::after {content:none!important;}
.pf-v5-c-login__main {border:1px solid #ffffff20;border-radius:12px;overflow:hidden;background:#27282bef;box-shadow:0 24px 80px #0005;backdrop-filter:blur(16px);color:#f3f3f3;}
.pf-v5-c-login__main-header {border-top:3px solid #f4c11d;padding-top:32px;}
.pf-v5-c-login__main-body {padding-bottom:36px;}
.pf-v5-c-button.pf-m-primary {background:#f4c11d!important;color:#242425!important;font-weight:600;border-radius:6px;min-height:44px;}
.pf-v5-c-button.pf-m-primary:hover {background:#ffcf39!important;}
.pf-v5-c-form-control {border-radius:5px;min-height:42px;}
.pf-v5-c-form-control:focus-within {border-bottom-color:#f4c11d!important;--pf-v5-c-form-control--after--BorderBottomColor:#f4c11d;}
#kc-page-title {font-size:24px;font-weight:600;color:#f3f3f3;}
.pf-v5-c-form__label-text {color:#f3f3f3;}
@media(max-width:600px){
 .login-pf body{padding-top:68px;}
 .login-pf body::before{height:56px;}
 .login-pf body::after{left:16px;top:10px;width:26px;height:32px;}
 .pf-v5-c-login__container{padding:18px;}
 #kc-header-wrapper{width:min(280px,100%);height:74px!important;margin-bottom:22px!important;}
 .pf-v5-c-login__main-header,.pf-v5-c-login__main-body{padding-left:24px;padding-right:24px;}
}