:root{--kleur-primair:#1f7a4d;--kleur-primair-donker:#155c39;--kleur-tekst:#1a1f1c;--kleur-grijs:#5b6660;--kleur-rand:#d7ddd9;--kleur-achtergrond:#f4f7f5;--kleur-kaart:#fff;--kleur-fout:#b3261e;--radius:12px;--schaduw:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--kleur-achtergrond);color:var(--kleur-tekst);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:640px;margin:0 auto;padding:24px 16px 64px}h1{font-size:1.6rem;margin:0 0 4px}.intro{color:var(--kleur-grijs);margin:0 0 24px}.kaart{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:var(--radius);box-shadow:var(--schaduw);padding:20px;margin-bottom:16px}.kaart h2{font-size:1.05rem;margin:0 0 14px}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}input[type=email],input[type=number],input[type=tel],input[type=text],select{width:100%;padding:11px 12px;font-size:1rem;border:1px solid var(--kleur-rand);border-radius:8px;background:#fff;color:var(--kleur-tekst)}input:focus,select:focus{outline:2px solid var(--kleur-primair);outline-offset:1px;border-color:var(--kleur-primair)}.veld{margin-bottom:14px}.rij{display:flex;gap:12px;flex-wrap:wrap}.rij>*{flex:1 1 140px}.persoon{border:1px solid var(--kleur-rand);border-radius:10px;padding:14px;margin-bottom:12px;background:#fbfdfc}.persoon-kop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.persoon-kop strong{font-size:.95rem}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;font-weight:600;padding:13px 18px;border-radius:10px;border:none;cursor:pointer;text-decoration:none}.knop-primair{background:var(--kleur-primair);color:#fff;width:100%}.knop-primair:hover{background:var(--kleur-primair-donker)}.knop-primair:disabled{background:#9bbfac;cursor:not-allowed}.knop-tekst{background:transparent;color:var(--kleur-primair);padding:6px 8px;font-weight:600}.knop-verwijder{background:transparent;color:var(--kleur-fout);border:none;cursor:pointer;font-size:.85rem;padding:4px 6px}.hint{font-size:.82rem;color:var(--kleur-grijs);margin:4px 0 0}.gratis-badge{display:inline-block;font-size:.75rem;font-weight:600;color:var(--kleur-primair-donker);background:#e3f1e9;border-radius:999px;padding:2px 8px;margin-left:6px}.totaal{display:flex;justify-content:space-between;align-items:baseline;font-size:1.1rem;margin:8px 0 16px}.totaal strong{font-size:1.4rem}.checkbox-rij{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.checkbox-rij input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}.checkbox-rij label{font-weight:400;font-size:.9rem;margin:0}.melding{border-radius:8px;padding:12px 14px;margin-bottom:14px;font-size:.92rem}.melding-fout{background:#fbeae8;color:var(--kleur-fout);border:1px solid #f1c9c5}.melding-info{background:#eaf3fb;color:#1c4f7a;border:1px solid #c5dcf1}.vol{color:var(--kleur-fout)}a{color:var(--kleur-primair-donker)}