.signup-page{background:#faf9fd;padding:65px 0 90px;color:#303354}.su-heading{max-width:750px;margin-bottom:35px}.su-heading h1{font:400 45px/1.25 Prata,Georgia,serif;margin:12px 0 20px}.su-heading p{color:#6663b1}.su-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}#signup-form{background:white;border:1px solid #f1f0f9;border-radius:3px;padding:36px}.su-progress{display:flex;list-style:none;padding:0;margin:0 0 35px;gap:20px;font-size:13px;color:#6663b1}.su-progress li{border-bottom:3px solid #e4ebe6;padding-bottom:12px;flex:1}.su-progress [aria-current]{border-color:#6663b1;color:#6663b1;font-weight:700}.su-step h2{font-size:27px;margin-bottom:15px}.su-step>p{font-size:15px;color:#6663b1}.su-plans{padding:0;border:0;margin:25px 0;display:grid;gap:10px}.su-plan{border:1px solid #f1f0f9;border-radius:3px;display:flex;gap:14px;padding:18px;cursor:pointer}.su-plan:has(input:checked){border:2px solid #6663b1;background:#f1f0f9;padding:17px}.su-plan input{accent-color:#6663b1;width:18px}.su-plan>span{display:grid;grid-template-columns:1fr auto;gap:5px 18px;flex:1}.su-plan small{font-size:12px;color:#6663b1}.su-plan>span>small{grid-column:1/-1}.su-price{font-size:20px;font-weight:600}.su-field{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:14px;font-weight:500}.su-field input,.su-field select,.su-field textarea{font:400 16px/1.5 Roboto,Arial,sans-serif;padding:12px;border:1px solid #92909f;background:#fff;border-radius:3px;max-width:100%;min-width:0;width:100%;color:#303354}.su-field textarea{min-height:95px;resize:vertical}.su-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.su-terms{font-size:13px!important;line-height:1.8}.su-terms a{text-decoration:underline}.su-actions{display:flex;justify-content:space-between;gap:15px;margin-top:24px}.su-actions .button{background:#303354;border-color:#303354;border-radius:3px;text-transform:none;margin-left:auto}.su-actions>button:not(.button){border:0;background:none;color:#303354}.su-demo{font-size:12px;color:#6663b1;border-left:3px solid #6663b1;padding:10px 12px;background:#f1f0f9;margin-top:25px}.su-summary{position:sticky;top:24px;background:#303354;color:#fff;border-radius:3px;padding:28px}.su-summary h2{font-size:25px;margin-bottom:25px}.su-summary h3{font-size:18px;margin:25px 0 15px}.su-summary p,.su-summary li{font-size:14px;line-height:1.85}.su-summary ul{padding-left:18px;margin:25px 0;border-top:1px solid #ffffff26;padding-top:20px}.su-summary small{font-size:12px;color:#f1f0f9}.su-summary-price{font-size:26px!important;margin:10px 0}.su-summary>a{display:block;margin-top:20px;color:#6663b1;font-size:14px}.su-optional summary{cursor:pointer;font-size:14px;padding:10px 0}.su-sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}#su-result{background:#f1f0f9;padding:20px;margin-top:20px}#su-result a{text-decoration:underline}.su-field input:focus,.su-field select:focus,.su-field textarea:focus{outline:2px solid #6663b1;outline-offset:2px}
@media(max-width:900px){.su-layout{grid-template-columns:1fr}.su-summary{position:static}.signup-page{padding:40px 0 55px}.su-heading h1{font-size:34px}#signup-form{padding:25px}.su-summary ul{margin:15px 0}.su-progress{gap:10px;font-size:12px}}
@media(max-width:480px){#signup-form{padding:22px 17px}.su-two{grid-template-columns:1fr;gap:0}.su-plan>span{grid-template-columns:1fr;gap:3px}.su-step h2{font-size:24px}.su-actions{flex-wrap:wrap}.su-actions .button{padding:15px 18px}.su-heading h1{font-size:30px}}

/* Definitieve aanmeldvariant 08: alles op een pagina. */
.signup-final{background:#faf9fd}.signup-final .su-step+.su-step{border-top:1px solid #f1f0f9;margin-top:32px;padding-top:32px}.signup-final #signup-form{border-radius:3px}.signup-final .su-summary{background:#f1f0f9;color:#303354}.signup-final .su-summary small,.signup-final .su-summary>a{color:#6663b1}

.su-people{border:1px solid #dedce8;border-radius:3px;padding:20px;margin:24px 0}.su-people>legend,.su-person>legend{font-weight:600}.su-people p{font-size:14px}.su-person{border:0;border-top:1px solid #dedce8;padding:16px 0 0;margin:20px 0}.su-people[hidden],.su-person[hidden]{display:none}