@font-face{font-family:Manrope;src:url('../fonts/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:light;--pc-green:#17392b;--pc-ink:#193d2c;--pc-orange:#f4b96e;--pc-muted:#687762;--pc-line:#d5ddce;--pf-v5-global--primary-color--100:#264d32;--pf-v5-global--primary-color--200:#17392b;--pf-v5-global--FontFamily--text:Manrope,Arial,sans-serif}
html,body{min-height:100%;font-family:Manrope,Arial,sans-serif!important;color:var(--pc-ink)}
body#keycloak-bg{background:#f2f3ea!important;background-image:none!important}
.pf-v5-c-login{padding:64px 6vw 64px calc(49% + 5vw)!important;min-height:100vh;display:flex!important;align-items:center!important;justify-content:center!important;background:none!important}
.pf-v5-c-login__container{width:100%!important;max-width:500px!important;grid-template-columns:1fr!important;grid-template-areas:'header' 'main'!important;gap:22px!important;margin:0!important}
#kc-header{text-align:left!important;padding:0!important;margin:0!important}
#kc-header-wrapper{font-family:Manrope,Arial,sans-serif!important;font-weight:800;font-size:29px!important;letter-spacing:-1.3px!important;color:var(--pc-ink);padding:0!important;white-space:normal!important}
.pf-v5-c-login__main{border:1px solid var(--pc-line);border-radius:10px!important;background:#fffefb!important;box-shadow:0 18px 60px #183c2810!important;overflow:visible}
.pf-v5-c-login__main-header{padding:32px 34px 16px!important;gap:14px!important}
#kc-page-title{font-family:Manrope,Arial,sans-serif!important;font-weight:800!important;font-size:28px!important;letter-spacing:-1px;line-height:1.3!important;color:var(--pc-ink)}
.pf-v5-c-login__main-body{padding:10px 34px 24px!important}
.pf-v5-c-form{gap:20px!important}
.pf-v5-c-form__label-text,.pf-v5-c-form__label{font-weight:700!important;color:#405438;font-size:13px!important}
.pf-v5-c-form-control{border:1px solid #c2cfb8!important;border-radius:5px!important;background:#fff!important;--pf-v5-c-form-control--after--BorderBottomColor:transparent;--pf-v5-c-form-control--before--BorderColor:transparent}
.pf-v5-c-form-control:after,.pf-v5-c-form-control:before{border:0!important}
.pf-v5-c-form-control:focus-within{outline:3px solid #e8b66a66;outline-offset:2px;border-color:#987138!important}
input{font-family:Manrope,Arial,sans-serif!important;font-size:15px!important;color:var(--pc-ink)!important;min-height:44px}
input[type=checkbox]{min-height:auto}
.pf-v5-c-button.pf-m-primary,input[type=submit]{font-family:Manrope,Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;background:var(--pc-green)!important;color:#fff!important;min-height:49px;border-radius:5px!important;border:1px solid var(--pc-green)!important;box-shadow:0 3px 0 #10271c}
.pf-v5-c-button.pf-m-primary:hover,input[type=submit]:hover{background:#2b5235!important}
a{color:#385f32;font-weight:700;text-underline-offset:3px}
a:hover{color:#102d1e;text-decoration:underline}
#kc-info{margin:0!important;background:#eef2e5!important;border-top:1px solid var(--pc-line);padding:22px 34px!important;border-radius:0 0 10px 10px}
#kc-info-wrapper{font-size:13px;line-height:1.9}
#kc-registration a{display:inline-block;padding:0 4px}
.pf-v5-c-login__main-footer{padding:0!important}
#kc-form-buttons{margin-top:5px}
.pc-footer{padding:22px 34px 24px;border-top:1px solid #e1e6d9;background:#fffefb;border-radius:0 0 10px 10px;font-size:12px;line-height:1.8}
.pc-footer p{color:#6a745e;font-size:11px;font-weight:500;margin-top:10px}
.pc-story{position:fixed;inset:0 auto 0 0;width:49%;background:var(--pc-green);color:#f8f7e9;padding:54px 5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;z-index:1;background-image:linear-gradient(#c7d6b508 1px,transparent 1px),linear-gradient(90deg,#c7d6b508 1px,transparent 1px);background-size:56px 56px}
.pc-story:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #f4b96e26;bottom:-100px;right:-60px;transform:rotate(35deg);pointer-events:none}
.pc-brand{position:absolute;top:44px;left:5vw;display:flex;gap:10px;align-items:center;font-size:30px;letter-spacing:-1.4px;color:#fffcef;text-decoration:none;font-weight:800}
.pc-brand:hover{color:#fffcef}.pc-brand-dot{color:var(--pc-orange);margin-left:-9px}.pc-brand-mark{display:grid;place-items:center;width:36px;height:39px;background:var(--pc-orange);color:var(--pc-green);border-radius:5px;font-size:25px;letter-spacing:0}
.pc-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#c5d0af;margin-bottom:24px}
.pc-story h2{font-size:clamp(30px,3.1vw,49px);font-weight:800;line-height:1.18;letter-spacing:-1.8px;margin:0 0 25px;max-width:550px;color:#fffcef}
.pc-story h2 em{color:var(--pc-orange);font-style:normal}
.pc-story>p{font-size:14px;line-height:1.9;color:#c4d0b8;max-width:410px}
.pc-story-features{margin-top:36px;display:grid;gap:16px;width:100%;max-width:410px}
.pc-story-features span{display:flex;gap:18px;align-items:center;padding-top:16px;border-top:1px solid #ffffff20;font-size:11px;color:#e8b66a}
.pc-story-features strong{font-size:12px;color:#e3ead5;font-weight:600}
.pc-story-bottom{position:absolute;bottom:36px;font-size:9px;letter-spacing:2px;color:#aebf9f}
.subtitle{margin-bottom:8px;font-size:11px;color:var(--pc-muted)}
.pf-v5-c-alert{border-radius:5px;font-size:13px;margin-bottom:20px}
#kc-form-options{font-size:12px}
@media(max-width:850px){.pc-story{display:none}.pf-v5-c-login{padding:32px 20px!important;align-items:flex-start!important}.pf-v5-c-login__container{max-width:500px!important;margin:0 auto!important}#kc-header{padding:10px 0 5px!important}.pf-v5-c-login__main-header{padding:26px 24px 14px!important}.pf-v5-c-login__main-body{padding:10px 24px 22px!important}#kc-info{padding:20px 24px!important}.pc-footer{padding:20px 24px}#kc-page-title{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Override the inherited login container's fixed inner gutter and brand band. */
body#keycloak-bg .pf-v5-c-login__container{padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:500px!important}
body#keycloak-bg .pf-v5-c-login__main{width:100%!important;border-top:3px solid #f4b96e!important}
body#keycloak-bg #kc-header-wrapper{color:#193d2c!important;text-transform:none!important;text-align:left!important}
body[data-page-id="login-register"] .pc-footer:before{content:'Kies een wachtwoord van minimaal 12 tekens.';display:block;margin-bottom:12px;font-size:11px;color:#6a745e}
body#keycloak-bg .pf-v5-c-login__main-header{border-top:0!important}
.pf-v5-c-form-control input:focus-visible{outline:none!important}