@font-face{font-display:swap;font-family:AG Futura;font-style:normal;font-weight:700;src:url(/static/media/agfuturabold.6afcbc3ff79ac33d2541.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/Inter-Regular.85c128721035823e5405.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/Inter-Medium.da6143a97b8ed2ae857b.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/Inter-SemiBold.594041393209f0003754.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/Inter-Bold.54851dc3f5ada849af04.woff2) format("woff2")}:root{--color-card:#fff;--color-text-main:#111827;--color-text-muted:#6b7280;--color-option-bg:#f1f5f9;--color-primary:#2563eb;--color-divider:#e5e7eb;--radius-card:10px;--radius-button:10px;--font-main:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-weight-semibold:600}*{box-sizing:border-box;margin:0;padding:0}body{background:#f6f7f9;background-attachment:fixed;background-color:#f6f7f9;background-image:url(/static/media/keuzehulp_background.886cd432bc40f3a7a785.png);background-position:top;background-repeat:no-repeat;background-size:cover;color:#111827;color:var(--color-text-main);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-main)}.title{margin-bottom:32px;text-align:center}.screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:24px}.startcard{border:1px solid #2563eb;border:1px solid var(--color-primary);border-radius:10px;border-radius:var(--radius-card);margin-top:20px;padding:20px 10px}.startcard p{color:var(--text-main);padding:10px 40px 10px 20px;text-align:left}.start-line{align-items:center;display:flex;gap:8px;text-align:left}.start-line span:last-child{line-height:1.5}.start-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.6em;line-height:1;padding-right:20px}.startbutton{background-color:#2563eb;background-color:var(--color-primary);border:1px solid #2563eb;border:1px solid var(--color-primary);border-radius:5px;color:#fff;font-weight:700;margin-bottom:-20px;margin-top:10px;padding:10px 30px}.startbutton:hover{background-color:#f1f5f9;background-color:var(--color-option-bg);color:#2563eb;color:var(--color-primary);cursor:pointer}.card{grid-gap:24px;background:#fff;background:var(--color-card);border-radius:10px;border-radius:var(--radius-card);box-shadow:0 24px 48px #0000001a;display:grid;gap:24px;grid-template-rows:auto 1fr auto auto;justify-items:center;max-width:520px;padding:32px 24px;width:100%}@media (min-width:768px){.card{max-width:950px}}.card h1,.card h2{font-family:AG Futura,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:"AG Futura",var(--font-main);font-size:24px;font-weight:700;line-height:1.2;text-align:center}.card p{color:#6b7280;color:var(--color-text-muted);font-size:16px;line-height:1.5;text-align:center}@media (max-width:766px){.start-line,.startcard p{text-align:left}}.question-title{color:#012f54;margin:20px 0;max-width:800px}.undertitle{margin-top:-35px}.options{grid-gap:16px;align-content:center;display:grid;gap:16px;grid-template-columns:1fr;justify-content:center;max-width:100%}@media (min-width:768px){.options{grid-template-columns:repeat(2,minmax(280px,1fr))}}.option-button{grid-gap:14px;align-items:center;background:#f1f5f9;background:var(--color-option-bg);border:1px solid #2563eb;border:1px solid var(--color-primary);border-radius:10px;border-radius:var(--radius-button);color:#012f54;cursor:pointer;display:grid;font-weight:600;font-weight:var(--font-weight-semibold);gap:14px;grid-template-columns:28px 1fr;line-height:1.45;max-width:420px;min-height:64px;padding:18px 24px;text-align:left;transition:background .2s ease,transform .06s ease;width:100%}.option-button:hover{background:#2563eb;background:var(--color-primary);color:#f1f5f9;color:var(--color-option-bg)}.option-button:active{transform:scale(.97)}.option-button.is-selected{background:#2563eb;background:var(--color-primary);border-color:#2563eb;border-color:var(--color-primary);color:#fff}.option-icon{align-items:center;display:flex;font-size:1.25em;justify-content:center;line-height:1;margin-top:.1em;padding:0 5px 0 0}.option-text{display:block;word-break:break-word}.options.options--stacked{grid-template-columns:1fr;justify-items:center}.next-button{background:#fff;border:none;color:#2563eb;color:var(--color-primary);cursor:pointer;font-weight:700;margin-top:16px}.next-button:hover{color:#012f54;text-decoration:underline}.next-button:disabled{cursor:not-allowed;opacity:.4}.progress-number{background:#fff;border:1px solid #2563eb;border:1px solid var(--color-primary);border-radius:100px;color:#2563eb;color:var(--color-primary);display:flex;font-size:36px;font-weight:700;height:60px;justify-content:center;margin-top:-60px;padding:5px;width:60px}.progress-divider{background:#e5e7eb;background:var(--color-divider);height:1px;margin:20px 0;width:80%}.progress-dots{display:flex;gap:10px;justify-content:center}.dot{background:#d1d5db;border-radius:50%;height:10px;transition:background .2s ease,transform .2s ease;width:10px}.dot--done{opacity:.6}.dot--active,.dot--done{background:#2563eb;background:var(--color-primary)}.dot--active{transform:scale(1.35)}@media (min-width:767px){.results-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}}.card--results{max-width:1280px;overflow:hidden;padding:32px}.result-card{aspect-ratio:.85/1;background:#fff;border-radius:10px;color:inherit;display:flex;flex-direction:column;padding:16px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.result-card.is-active{box-shadow:0 20px 48px #00000026;transform:scale(1);z-index:2}.result-card.is-inactive{box-shadow:0 10px 10px #00000026;opacity:.75;transform:scale(.86)}.result-card h3{font-size:18px;line-height:1.3;margin-top:12px}.result-description{-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.5;margin-top:10px;overflow:hidden;text-align:left!important}.result-meta{margin-top:20px;padding:0}.result-meta li{align-items:center;display:flex;font-size:14px;gap:8px;list-style:none;margin-bottom:6px}.result-meta li:before{align-items:center;content:attr(data-icon);display:inline-flex;flex-shrink:0;font-size:16px;justify-content:center;line-height:1;width:20px}.result-link{color:#2563eb;color:var(--color-primary);font-weight:700;margin-top:auto}.result-score{margin-top:16px}.score-bar{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden;width:100%}.score-fill{background:#2563eb;background:var(--color-primary);border-radius:999px;height:100%;transition:width .8s ease;width:0}.score-label{color:#2563eb;color:var(--color-primary);display:block;font-size:13px;font-weight:700;margin-top:6px}@media (max-width:767px){.card--results{max-height:85vh;overflow-y:auto;padding:24px 16px}.results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.result-card{aspect-ratio:auto;min-height:260px;transform:none}.result-card.is-active,.result-card.is-inactive{opacity:1;transform:none}}@media (min-width:768px){html{font-size:80%}}
/*# sourceMappingURL=main.c30d000e.css.map*/