*{box-sizing:border-box}body,html{margin:0;padding:0}body{font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.kaart{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 24px}.binnen{width:100%;max-width:400px;text-align:center}h1{font-size:34px;line-height:1.15;margin:0 0 6px;font-weight:700;letter-spacing:-.01em}.ondertitel{margin:0 0 30px;font-size:15px;opacity:.65}.knoppen{display:flex;flex-direction:column;gap:10px}.rij{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.knop{display:flex;align-items:center;justify-content:center;min-height:56px;padding:0 20px;border-radius:10px;border:1px solid;font-size:16px;text-decoration:none;color:inherit;opacity:.9}.knop.primair{border:none;font-weight:700;opacity:1}.adres{display:inline-block;margin-top:28px;font-size:14px;text-decoration:none}.adres:hover{text-decoration:underline}.qr{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#fff;color:#111;padding:24px}.qr .code{width:100%;max-width:min(86vw,86vh)}.qr .code svg{width:100%;height:auto;display:block}.qr p{margin:0;font-size:14px;color:#666;text-align:center}.logo{height:auto;width:auto;max-height:168px;max-width:70%;margin:0 auto 20px;display:block}.portret{width:132px;height:132px;border-radius:50%;object-fit:cover;margin:0 auto 18px;display:block}