@keyframes qFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes qSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wrl-main *,.wrl-main :before,.wrl-main :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.wrl-entering-bar{opacity:1}.q-spinner{opacity:.5;border-right-color:currentColor}}.wrl-main{background:#000;min-height:100vh}.wrl-stage{min-height:100vh;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;background:#000;position:relative;overflow:clip}.wrl-pattern{background-repeat:repeat;background-size:36px 36px;position:absolute;inset:0}.wrl-glow{pointer-events:none;background:radial-gradient(#f4af251c 0%,#f4af250a 38%,#0000 65%);width:1200px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wrl-quatrefoil{pointer-events:none;width:880px;height:880px;position:absolute;bottom:-340px;right:-280px}.wrl-header{z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:20px clamp(20px,3.5vw,40px);display:flex;position:absolute;top:0;left:0;right:0}.wrl-brand{align-items:center;gap:11px;display:flex}.wrl-brand-name{font-family:var(--font-display);letter-spacing:-.02em;color:#fcfbf8;font-size:15px;font-weight:800}.wrl-brand-divider{background:#ffffff2e;width:1px;height:16px}.wrl-brand-app{letter-spacing:.14em;color:#ffffff80;white-space:nowrap;font-size:11px;font-weight:600}@media (max-width:759.98px){.wrl-header{flex-wrap:nowrap}.wrl-brand{min-width:0}.wrl-brand-app{white-space:normal;min-width:0}}.wrl-center{z-index:2;box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:92px clamp(18px,3vw,40px) 66px;display:flex;position:relative}.wrl-column{flex-direction:column;gap:14px;width:100%;min-width:0;max-width:560px;display:flex}.wrl-footer{z-index:5;justify-content:center;padding:18px 24px;display:flex;position:absolute;bottom:0;left:0;right:0}.wrl-footer p{letter-spacing:.01em;color:#ffffff59;text-align:center;margin:0;font-size:12px}.wrl-card{box-sizing:border-box;padding:clamp(26px,4.5vw,40px);animation:.6s cubic-bezier(.16,1,.3,1) both qFadeUp}.wrl-card>:not(.wrl-card-glas){z-index:1;position:relative}.wrl-eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--brand-ink-200);margin:0 0 12px;font-size:12px;font-weight:600;line-height:1}.wrl-h1{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-text-oninvert);text-wrap:pretty;margin:0 0 14px;font-size:clamp(29px,4.2vw,40px);font-weight:700;line-height:1.08}.wrl-h1--choose{margin:0 0 10px;font-size:clamp(28px,4vw,38px)}.wrl-h1-accent{text-decoration:underline;-webkit-text-decoration-color:var(--brand-gold-500);text-decoration-color:var(--brand-gold-500);text-underline-offset:5px;text-decoration-thickness:5px}.wrl-lede{color:var(--brand-ink-200);text-wrap:pretty;margin:0 0 26px;font-size:15px;font-weight:400;line-height:23px}.wrl-lede--choose{margin:0 0 24px}.wrl-ms-btn{border-radius:var(--radius-pill);background:var(--brand-gold-500);width:100%;height:52px;color:var(--brand-ink-900);font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:1;transition:background .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.45,0,.55,1);display:flex}.wrl-ms-btn:hover:not(:disabled){background:var(--brand-gold-600)}.wrl-ms-btn:active:not(:disabled){transform:scale(.98)}.wrl-ms-btn:focus-visible{outline:2px solid var(--brand-gold-500);outline-offset:2px}.wrl-ms-btn:disabled{cursor:progress}.wrl-primary-btn{border-radius:var(--radius-pill);background:var(--brand-gold-500);width:100%;height:52px;color:var(--brand-ink-900);font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;line-height:1;text-decoration:none;transition:background .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.45,0,.55,1);display:flex}.wrl-primary-btn:hover{background:var(--brand-gold-600)}.wrl-primary-btn:active{transform:scale(.98)}.wrl-primary-btn:focus-visible{outline:2px solid var(--brand-gold-500);outline-offset:2px}.wrl-ms-secondary{margin-top:14px}.wrl-local-toggle-row{align-items:center;gap:12px;margin:20px 0 0;display:flex}.wrl-hairline{background:var(--border-ink);flex:1;height:1px}.wrl-local-toggle{cursor:pointer;font-family:var(--font-sans);color:var(--brand-ink-200);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;text-decoration:underline}.wrl-local-toggle:hover{color:var(--color-text-oninvert)}.wrl-local-toggle:focus-visible{outline:2px solid var(--brand-gold-500);outline-offset:2px;border-radius:4px}.wrl-local-form{flex-direction:column;gap:16px;margin:20px 0 0;display:flex}.wrl-form-hint{color:var(--brand-ink-400);text-align:center;margin:0;font-size:12px}.wrl-secondary-btn{border-radius:var(--radius-pill);border:1px solid var(--brand-ink-400);width:100%;height:44px;color:var(--color-text-oninvert);font-family:var(--font-sans);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;transition:border-color .22s cubic-bezier(.16,1,.3,1),background .22s cubic-bezier(.16,1,.3,1),opacity .22s;display:flex}.wrl-secondary-btn:hover:not(:disabled){border-color:var(--brand-ink-200);background:var(--color-bg-hover-oninvert)}.wrl-secondary-btn:active:not(:disabled){transform:scale(.98)}.wrl-secondary-btn:focus-visible{outline:2px solid var(--brand-gold-500);outline-offset:2px}.wrl-secondary-btn:disabled{cursor:not-allowed}.wrl-secondary-btn .q-spinner--dark{border-color:currentColor #0000 currentColor currentColor}.wrl-choose{animation:.45s cubic-bezier(.16,1,.3,1) both qFadeUp}.wrl-role-grid{grid-template-columns:repeat(auto-fit,minmax(208px,1fr));gap:14px;display:grid}.wrl-role-card{border-radius:var(--radius-card);text-align:left;cursor:pointer;font-family:var(--font-sans);border:1px solid var(--brand-ink-400);color:var(--color-text-oninvert);background:0 0;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;transition:border-color .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.45,0,.55,1);display:flex}.wrl-role-card:hover:not(:disabled){border-color:var(--brand-gold-500);transform:translateY(-2px);box-shadow:0 0 0 3px #f4af252e}.wrl-role-card:active:not(:disabled){transform:scale(.98)}.wrl-role-card:focus-visible{outline:2px solid var(--brand-gold-500);outline-offset:2px}.wrl-role-card:disabled{cursor:not-allowed}.wrl-role-icon{background:var(--color-bg-hover-oninvert);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.wrl-role-text{flex-direction:column;gap:3px;display:flex}.wrl-role-title{font-family:var(--font-display);color:var(--color-text-oninvert);font-size:16px;font-weight:600;line-height:21px}.wrl-role-sub{color:var(--color-text-oninvert-hint);font-size:12.5px;line-height:17px}.wrl-join{border-top:1px solid var(--border-ink);margin-top:22px;padding-top:20px}.wrl-join-title{color:var(--brand-ink-200);margin:0 0 10px;font-size:13px;font-weight:500}.wrl-join-row{flex-wrap:wrap;gap:10px;display:flex}.wrl-put-veld--code{flex:none;width:138px}.wrl-join-input{letter-spacing:.32em;text-align:center;text-transform:uppercase}.wrl-join-btn{width:auto;padding:0 22px}.wrl-join-hint{color:var(--color-text-oninvert-hint);margin:8px 0 0;font-size:12px}.wrl-switch-account{font-family:var(--font-sans);color:var(--color-text-oninvert-hint);cursor:pointer;margin-top:18px;font-size:12.5px;text-decoration:none;display:inline-block}.wrl-switch-account:hover{color:var(--color-text-oninvert);text-decoration:underline}.wrl-switch-account:focus-visible{outline:2px solid var(--brand-gold-500);outline-offset:2px;border-radius:4px}.wrl-entering{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:26px 8px 18px;animation:.45s cubic-bezier(.16,1,.3,1) both qFadeUp;display:flex}.wrl-entering-mark svg{animation:none}.wrl-entering-skeleton{flex-direction:column;gap:7px;width:100%;max-width:260px;margin-top:4px;display:flex}.wrl-entering-skeleton-row{gap:7px;display:flex}.wrl-entering-bar{background:var(--color-skeleton);height:12px;animation:qSkeleton 1.6s var(--ease-in-out) infinite;border-radius:4px}.wrl-entering-bar--top{width:100%}.wrl-entering-bar--side{flex:none;width:58px;height:46px}.wrl-entering-bar--panel{flex:1;height:46px}.wrl-card .wrl-entering-bar{background:var(--brand-ink-600)}@keyframes qSkeleton{0%,to{opacity:1}50%{opacity:.7}}.wrl-laadkaart{flex-direction:column;gap:18px;display:flex}.wrl-laadkaart-regelblok{flex-direction:column;display:flex}.wrl-laadkaart-regelblok--kop{gap:6px}.wrl-laadkaart-regelblok--lede{gap:12px}.wrl-laadkaart-formblok{flex-direction:column;gap:10px;display:flex}.wrl-laadkaart-bar--bovenregel{border-radius:4px;width:62%;height:12px}.wrl-laadkaart-bar--kopregel{border-radius:6px;width:100%;height:40px}.wrl-laadkaart-bar--kopregel-kort{width:58%}.wrl-laadkaart-bar--tekst{width:100%;height:15px}.wrl-laadkaart-bar--tekst-kort{width:76%;height:15px}.wrl-laadkaart-bar--label{border-radius:4px;width:96px;height:16px}.wrl-laadkaart-bar--veld{border-radius:var(--radius-input);width:100%;height:44px}.wrl-laadkaart-bar--knop{border-radius:var(--radius-pill);width:100%;height:52px}.wrl-laadkaart-bar--slotregel{border-radius:4px;width:52%;height:20px}.wrl-entering-title{font-family:var(--font-display);color:var(--color-text-oninvert);margin:0;font-size:24px;font-weight:600}.wrl-entering-sub{color:var(--brand-ink-200);margin:0;font-size:14px}.q-field{flex-direction:column;gap:6px;display:flex}.q-label{font-family:var(--font-sans);color:var(--brand-ink-200);font-size:13px;font-weight:500;line-height:16px}.q-label-required{color:inherit;margin-left:3px;font-size:12px;line-height:1}.wrl-put-veld{min-width:0;display:block;position:relative}.wrl-put-veld .q-input,.wrl-put-veld .wrl-join-input{width:100%;height:var(--input-h-md);border-radius:var(--radius-input);box-shadow:none;font-family:var(--font-sans);color:var(--color-text-oninvert);caret-color:var(--color-text-oninvert);box-sizing:border-box;background-color:#0000;border:0;outline:none;padding:0 12px;font-size:16px;transition:box-shadow .15s cubic-bezier(.16,1,.3,1);display:block;position:relative}.wrl-put-veld .wrl-join-input{font-family:var(--font-mono);padding:0 0 0 8px;font-weight:600}.wrl-put-veld .q-input::placeholder,.wrl-put-veld .wrl-join-input::placeholder{color:var(--color-text-oninvert-hint);opacity:1}.wrl-put-veld .q-input:focus,.wrl-put-veld .wrl-join-input:focus{box-shadow:0 0 0 var(--focus-ring-inner-width) var(--color-text-oninvert), 0 0 0 calc(var(--focus-ring-inner-width) + var(--focus-ring-width)) var(--color-focus-ring)}.wrl-put-veld .q-input:disabled,.wrl-put-veld .wrl-join-input:disabled{color:var(--color-text-oninvert-hint);-webkit-text-fill-color:var(--color-text-oninvert-hint);cursor:not-allowed}.wrl-put-veld .q-input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-oninvert);caret-color:var(--color-text-oninvert);background-color:#0000;transition:background-color 600000s,color 600000s,box-shadow .15s cubic-bezier(.16,1,.3,1)}.wrl-put-veld .q-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-oninvert);caret-color:var(--color-text-oninvert);background-color:#0000;transition:background-color 600000s,color 600000s,box-shadow .15s cubic-bezier(.16,1,.3,1)}.wrl-put-veld .q-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-oninvert);caret-color:var(--color-text-oninvert);background-color:#0000;transition:background-color 600000s,color 600000s,box-shadow .15s cubic-bezier(.16,1,.3,1)}.wrl-put-veld .wrl-join-input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-oninvert);caret-color:var(--color-text-oninvert);background-color:#0000;transition:background-color 600000s,color 600000s,box-shadow .15s cubic-bezier(.16,1,.3,1)}.wrl-put-veld .q-input:autofill{background-color:#0000}.wrl-put-veld .q-input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--color-error-oninvert)}.wrl-put-veld .q-input[aria-invalid=true]:focus{box-shadow:inset 0 0 0 2px var(--color-error-oninvert), 0 0 0 var(--focus-ring-inner-width) var(--color-text-oninvert), 0 0 0 calc(var(--focus-ring-inner-width) + var(--focus-ring-width)) var(--color-focus-ring)}.q-error-pill{border:1px solid var(--color-error-oninvert);border-radius:var(--radius-subtle);font-family:var(--font-sans);color:var(--color-error-oninvert);background:0 0;align-items:flex-start;gap:8px;margin-top:12px;padding:8px 12px;font-size:13px;line-height:1.45;display:flex}.q-error-dot{background:var(--color-error-oninvert);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.q-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.75s linear infinite qSpin}.q-spinner--dark{border-color:var(--brand-ink-800);border-right-color:#0000;width:15px;height:15px}
