:root{--paars: #4A2C6B;--paars-licht: #6E4A92;--paars-zacht: #F3EEF8;--inkt: #241932;--grijs: #6B6076;--lijn: #E2DAEA;--wit: #FFFFFF;--achtergrond: #FAF8FC;--radius: 14px}*{box-sizing:border-box}body{margin:0;background:var(--achtergrond);color:var(--inkt);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}.pagina{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px}.kaart{width:100%;max-width:600px;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);padding:28px 22px 26px}h1{font-size:1.6rem;margin:0 0 8px;color:var(--paars);letter-spacing:-.01em}h2{font-size:1.1rem;margin:0 0 18px;color:var(--paars)}.intro{margin:0 0 12px;color:var(--grijs)}.anoniem{margin:0 0 22px;background:var(--paars-zacht);color:var(--paars);padding:12px 14px;border-radius:10px;font-size:.92rem;line-height:1.45}.rustig{color:var(--grijs)}.klein{font-size:.9rem;margin-top:10px}.balk{height:6px;background:var(--paars-zacht);border-radius:999px;overflow:hidden}.balk-vulling{height:100%;background:var(--paars);border-radius:999px;transition:width .25s ease}.stapteller{font-size:.85rem;color:var(--grijs);margin:8px 0 22px}.blok{margin-bottom:8px}.vraag{border:0;padding:0;margin:0 0 24px}.vraag legend{padding:0;margin-bottom:10px;font-weight:600;line-height:1.35}.opties{display:grid;gap:8px;grid-template-columns:1fr 1fr}.opties-2{grid-template-columns:1fr 1fr}.optie{font:inherit;padding:13px 10px;border:1.5px solid var(--lijn);background:var(--wit);color:var(--inkt);border-radius:10px;cursor:pointer;min-height:48px;transition:border-color .15s,background .15s,color .15s}.optie:hover{border-color:var(--paars-licht)}.optie.gekozen{background:var(--paars);border-color:var(--paars);color:var(--wit);font-weight:600}textarea,input[type=text],input[type=email],input[type=tel]{font:inherit;width:100%;padding:12px;border:1.5px solid var(--lijn);border-radius:10px;background:var(--wit);color:var(--inkt);resize:vertical}textarea:focus,input:focus{outline:2px solid var(--paars-licht);outline-offset:1px;border-color:var(--paars-licht)}.vinkje{display:flex;gap:10px;align-items:center;cursor:pointer}.vinkje input{width:20px;height:20px;accent-color:var(--paars)}.contactvelden{margin-top:16px;display:grid;gap:12px}.contactvelden label{display:grid;gap:5px;font-size:.92rem;color:var(--grijs)}.knoppen{display:flex;gap:10px;margin-top:26px}.verder{font:inherit;flex:1;padding:15px;border:0;border-radius:10px;background:var(--paars);color:var(--wit);font-weight:600;cursor:pointer;min-height:52px}.verder:disabled{background:var(--lijn);color:var(--grijs);cursor:not-allowed}.terug{font:inherit;padding:15px 20px;border:1.5px solid var(--lijn);border-radius:10px;background:var(--wit);color:var(--grijs);cursor:pointer}.fout{color:#9b1c2e;background:#fdf0f2;padding:12px;border-radius:10px}.klaar{text-align:center;padding:18px 0 8px}.vink{width:60px;height:60px;margin:0 auto 16px;border-radius:50%;background:var(--paars-zacht);color:var(--paars);font-size:30px;display:flex;align-items:center;justify-content:center}.voet{margin-top:18px;font-size:.8rem;color:var(--grijs);text-align:center}@media (max-width: 340px){.opties{grid-template-columns:1fr}h1{font-size:1.4rem}.kaart{padding:22px 14px}}