@font-face{font-family:mol;src:url('/assets/tekst.ttf')}@font-face{font-family:moltitle;src:url('/assets/titel.ttf')}*{box-sizing:border-box}body{margin:0;background:#080b08;color:#edf0e9;font-family:Arial,sans-serif;font-size:15px}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 80% 12%,#112c1899,transparent 40%);pointer-events:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8de66e;outline-offset:3px}a{color:#a3e885}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:mol,Arial,sans-serif;font-weight:400;letter-spacing:.02em}h1{font-size:clamp(42px,7vw,76px);line-height:1.03}h2{font-size:32px}h3{font-size:23px}.muted{color:#a0aaa0;line-height:1.6}.eyebrow{color:#8fdc77;font-size:11px;letter-spacing:.21em;text-transform:uppercase;font-weight:bold}.shell{max-width:1320px;margin:auto;padding:0 36px;position:relative}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:11px;letter-spacing:.18em;font-weight:bold}.brand img{width:82px;height:60px;object-fit:cover}.navright{display:flex;align-items:center;gap:16px}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.hero h1{max-width:680px;margin:18px 0}.hero p{font-size:17px;max-width:470px}.hero-art{height:520px;background:linear-gradient(90deg,#080b08 0%,transparent 45%),url('/assets/fingerprint.jpg') center/contain no-repeat;opacity:.58}.badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #314632;border-radius:100px;padding:9px 13px;font-size:10px;letter-spacing:.17em;color:#b1d6a8}.dot{width:7px;height:7px;border-radius:50%;background:#78d45c;box-shadow:0 0 12px #78d45c}.btn{border:1px solid #78cf61;border-radius:4px;padding:13px 20px;background:#94dd78;color:#10200f;font-weight:bold;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn:hover{background:#b3ef9e}.btn.secondary{background:transparent;color:#e5f1df;border-color:#495749}.btn.danger{border-color:#884947;color:#f2b5b0;background:transparent}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.section{padding:70px 0;border-top:1px solid #ffffff18}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#111712;border:1px solid #29342b;border-radius:7px;padding:24px}.card p:last-child{margin-bottom:0}.card .number{color:#82d96c;font-size:12px;letter-spacing:.1em}.preview{width:100%;border:1px solid #313b32;border-radius:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.form{display:grid;gap:14px}.field{display:grid;gap:7px;color:#d6ddd3;font-size:13px}.field input,.field select,.field textarea,select,input,textarea{width:100%;background:#0b100c;color:#eff3ec;border:1px solid #39453a;border-radius:4px;padding:12px;min-height:43px}.field textarea{min-height:110px;resize:vertical}.checkbox{display:flex;gap:10px;align-items:flex-start;color:#d1d9ce;line-height:1.5}.checkbox input{width:17px;height:17px;min-height:0;accent-color:#91dc78}.dashboard{display:grid;grid-template-columns:230px 1fr;min-height:100vh;position:relative}.sidebar{border-right:1px solid #28332a;padding:25px 18px;display:flex;flex-direction:column;gap:9px}.sidebar .brand{margin-bottom:35px}.side-btn{background:none;border:0;color:#a8b3a8;text-align:left;padding:12px;border-radius:4px}.side-btn:hover,.side-btn.active{background:#1b2b1c;color:#b9eca7}.sidefoot{margin-top:auto}.main{padding:42px clamp(22px,5vw,70px);min-width:0}.topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.topline h1{font-size:42px;margin:8px 0}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.stat strong{display:block;font-family:mol;font-size:38px;color:#eaf4e6;margin-top:10px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th,.table td{border-bottom:1px solid #29342b;padding:14px 10px;white-space:nowrap}.table th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#94a295}.tag{display:inline-block;border-radius:50px;background:#1f3822;color:#a5e696;padding:5px 9px;font-size:11px}.tag.dim{background:#292f29;color:#a5afa4}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.list{display:grid;gap:10px}.item{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#141d15;border:1px solid #2c382e;border-radius:5px;padding:16px}.item p{margin:4px 0 0}.empty{padding:30px;text-align:center;color:#aab5a8}.modalbg{position:fixed;inset:0;background:#000c;z-index:5;display:grid;place-items:center;padding:20px;overflow:auto}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#121a13;border:1px solid #3e503e;border-radius:8px;padding:28px}.modal.wide{width:min(780px,100%)}.question{border:1px solid #334235;padding:18px;border-radius:5px;margin-bottom:14px}.question .field{margin:10px 0}.quiz{min-height:100vh;padding:35px 8vw;position:relative;background:#000}.quiz .brand{width:max-content}.quizbox{max-width:850px;margin:8vh auto}.quizbox h1{font-size:clamp(35px,5vw,60px)}.quizbox h2{font-size:clamp(30px,4vw,48px)}.choice{display:flex;align-items:center;width:100%;text-align:left;background:#0d130d;border:1px solid #30402e;color:white;border-radius:5px;padding:17px;margin:12px 0;font-family:mol;font-size:24px}.choice:before{content:'';width:24px;height:24px;margin-right:20px;border:1px solid #80d26c;border-radius:4px;background:#205a20}.choice:hover{border-color:#8bda6f;background:#142316}.progress{height:3px;background:#263126;margin:25px 0}.progress span{display:block;background:#92df78;height:100%}.corner{position:fixed;right:0;top:0;width:42px;height:42px;background:transparent;border:0;z-index:4}.reveal{position:fixed;inset:0;background:#000 center/cover no-repeat;display:grid;place-items:center;text-align:center;cursor:pointer}.reveal h1{font-size:clamp(45px,9vw,110px);text-shadow:0 2px 15px #000}.reveal p{font-size:14px}#toast{position:fixed;bottom:24px;right:24px;z-index:20;background:#e4f5dd;color:#142313;padding:14px 20px;border-radius:5px;display:none;max-width:400px;box-shadow:0 8px 40px #0008}.footer{border-top:1px solid #222f23;padding:25px 0;color:#849184;font-size:12px}.small{font-size:12px}.spaced{margin-top:24px}@media(max-width:800px){.shell{padding:0 20px}.hero{grid-template-columns:1fr;min-height:auto;padding:75px 0}.hero-art{position:absolute;right:0;top:110px;width:65%;height:350px;opacity:.24;z-index:-1}.grid,.split{grid-template-columns:1fr}.dashboard{display:block}.sidebar{border-right:0;border-bottom:1px solid #28332a;display:flex;flex-direction:row;overflow:auto;align-items:center;padding:10px}.sidebar .brand{margin:0 10px 0 0;flex-shrink:0}.side-btn{white-space:nowrap}.sidefoot{margin:0}.main{padding:30px 20px}.statgrid{grid-template-columns:1fr 1fr}.navright span{display:none}.section{padding:45px 0}.quizbox{margin:8vh auto}.topline{align-items:flex-start;flex-direction:column}}
/* Visuele stijl voor de toets en de beheeromgeving. */
body:before{background:linear-gradient(#080b08e8,#080b08e8),url('/assets/achtergrond.jpg') no-repeat 86% 45% / min(90vw,1000px);opacity:.82;z-index:0}.shell,.dashboard{z-index:1}.brand span,.hero h1,.section-title{font-family:moltitle,Arial,sans-serif}.brand span{font-size:18px;letter-spacing:.04em}.hero h1{font-size:clamp(48px,7vw,86px)}.hero-art{mix-blend-mode:screen;mask-image:radial-gradient(ellipse 58% 67%,#000 48%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 58% 67%,#000 48%,transparent 78%)}
.field input:not([type=checkbox]),.field select,.field textarea,input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff;color:#131913;border:1px solid #dadeda}.field input::placeholder,.field textarea::placeholder{color:#727a72}.field input[type=checkbox],.checkbox input{accent-color:#78c864}.card,.modal{position:relative}.card{background:#111712ec}.stat-button{color:inherit;text-align:left;cursor:pointer;width:100%}.stat-button:hover{border-color:#8fda7b;background:#18251a}.item-actions{margin:0;justify-content:flex-end}.error{color:#f28d87}.wrong{background:#4b2525;color:#ffb8af}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.question-header{display:flex;justify-content:space-between;align-items:center}.question-header h3{margin:0}.icon-delete{flex:none;width:40px;height:40px;border-radius:4px;border:1px solid #934e4b;background:#371919;color:#ff8c85;cursor:pointer}.answer-editor{display:flex;gap:10px;align-items:center;margin:10px 0}.answer-editor input:not([type=checkbox]){flex:1;min-width:0}.answer-editor .checkbox{flex:none}.btn:disabled{opacity:.4;cursor:not-allowed}.quiz{background:#000;isolation:isolate}.quiz:before{content:'';position:fixed;inset:0;background:url('/assets/achtergrond.jpg') no-repeat 85% 55% / min(80vw,900px);opacity:.07;z-index:-1;pointer-events:none}.quiz .brand img{width:150px;height:108px}.quiz .brand span{display:none}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choices .choice{margin:0}.elimination-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.inline-entry{display:flex;pointer-events:auto;width:min(600px,75vw)}.inline-entry input,.inline-entry select{border-radius:2px 0 0 2px;flex:1;min-width:0}.arrow-button{width:46px;border:0;background:#168b1b;color:#050505;font-size:26px;cursor:pointer}.reveal{border:0;width:100%;height:100%;z-index:10}.end-screen{display:flex;flex-direction:column}.end-button{align-self:center;margin:auto auto 20px}.contact-item .btn{justify-self:start}@media(max-width:600px){.choices{grid-template-columns:1fr}.quiz .brand img{width:110px;height:80px}.hero h1{font-size:52px}.brand span{font-size:14px}.inline-entry{width:80vw}}
/* Laatste vormgeving: rustige vingerafdruk en donkere invoervelden. */
body:before{background:linear-gradient(#080b08e8,#080b08e8),url('/assets/fingerprint.jpg') no-repeat 86% 45% / min(90vw,1000px)}
.quiz:before{background-image:url('/assets/fingerprint.jpg')}.brand img{width:138px;height:86px;object-fit:cover;mix-blend-mode:screen}.quiz .brand img{mix-blend-mode:screen}.hero{display:flex;justify-content:center;text-align:center;min-height:600px}.hero>div{width:100%}.hero h1,.hero p{max-width:none}.hero h1{font-size:clamp(64px,10vw,120px)}.hero .actions{justify-content:center}.price-list{padding-left:20px}.price-list li{margin-bottom:12px}
.field input:not([type=checkbox]),.field select,.field textarea,input:not([type=checkbox]):not([type=radio]),select,textarea{background:#0b100c;color:#eff3ec;border:1px solid #39453a}.elimination .inline-entry input,.elimination .inline-entry select{background:#fff;color:#111;border:1px solid #d0d0d0;outline:none;box-shadow:none}.elimination .inline-entry input:focus,.elimination .inline-entry select:focus{outline:none;box-shadow:none;border-color:#d0d0d0}.date-control{position:relative;display:flex;align-items:stretch}.date-control .date-display{flex:1;cursor:pointer;padding-right:50px}.date-open{position:absolute;right:0;top:0;height:100%;width:46px;background:#1c2f1e;border:1px solid #39453a;color:#eaf3e6;cursor:pointer}.native-date{position:absolute;right:1px;bottom:0;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0}.clickable-row{cursor:pointer}.clickable-row:hover,.clickable-row:focus-visible{background:#1b2b1c}.question summary{cursor:pointer;font-family:mol;font-size:22px}.question[open] summary{margin-bottom:15px}.mail-template{min-height:340px!important}.date-control:focus-within{outline:1px solid #8de66e}
/* De zwarte pixels van de vingerafdruk mengen weg over het kleurverloop. */
body{background:radial-gradient(ellipse at 80% 12%,#112c18 0%,#080b08 52%);background-attachment:fixed}
body:before{background:url('/assets/fingerprint.jpg') no-repeat 86% 45% / min(90vw,1000px);mix-blend-mode:screen;opacity:.18}
#contact{align-items:stretch}
#contact>div{display:flex;flex-direction:column;min-width:0}
#contact>div>.card{flex:1}
#contact .section-title{min-height:38px}
#contact-form{flex:1;align-content:start}

.request-fields{border:0;margin:0;padding:0;min-width:0;display:grid;gap:14px}.request-fields:disabled input,.request-fields:disabled textarea{opacity:1;color:#d6ddd3}.request-fields:disabled .date-open{opacity:.5}.btn:disabled{opacity:.45;cursor:not-allowed}

.main:has(.app-version){display:flex;flex-direction:column;min-height:100vh}.app-version{margin:auto 0 0;padding-top:24px;text-align:right}

.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:stretch}.account-left{display:flex;flex-direction:column;gap:24px;min-width:0}.account-period{flex:1}@media(max-width:800px){.account-layout{grid-template-columns:1fr;gap:24px}}

#toast{top:20px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:min(560px,calc(100vw - 32px));padding:18px 24px;border:2px solid #72c659;border-radius:8px;font-weight:700;font-size:16px;line-height:1.45;text-align:center;box-shadow:0 8px 32px #000c;pointer-events:none}

.final-option{display:grid;gap:3px}.final-option-line{display:flex;align-items:center;gap:8px}.info-detail{position:relative}.info-detail summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:20px;height:20px;border:1px solid #8ca38a;border-radius:50%;color:#d6ddd3;font-weight:bold;font-size:12px}.info-detail summary::-webkit-details-marker{display:none}.info-detail summary:focus-visible{outline:2px solid #8de66e;outline-offset:3px}.info-popover{position:absolute;z-index:4;top:calc(100% + 8px);left:0;width:min(300px,calc(100vw - 80px));padding:12px;background:#203021;border:1px solid #647b62;border-radius:5px;color:#eff3ec;font-size:13px;line-height:1.5;box-shadow:0 8px 24px #0009}.final-option #final-reason:empty{display:none}

.candidate-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}@media(max-width:800px){.candidate-controls{justify-content:flex-start}}

.empty-action{width:100%;font:inherit}.empty-action:hover{border-color:#8bda6f;background:#142316;color:#eaf4e6}

.result-counts{list-style:none;margin:0 0 18px;padding:0;max-width:520px}.result-counts li{display:flex;justify-content:space-between;gap:20px;padding:6px 0;color:#d6ddd3}.result-counts li span:first-child{overflow-wrap:anywhere}.result-counts li span:last-child{white-space:nowrap;color:#a0aaa0}

#candidate-form [data-candidate-name]:focus,#candidate-form [data-candidate-name]:focus-visible{outline:none;box-shadow:none}