:root{color-scheme:light;--ink:#243b30;--muted:#647268;--line:#d9dfd2;--green:#305840}*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:var(--ink);font:16px/1.65 "Segoe UI",system-ui,sans-serif}main{max-width:710px;margin:0 auto;padding:32px 26px 45px}header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:42px;font-weight:650}header small{display:block;font-weight:400;font-size:11px;color:var(--muted)}header>.label{margin-left:auto}.mark{display:grid;place-items:center;height:43px;width:43px;background:var(--ink);color:#dceaba;border-radius:13px;font:30px Georgia,serif}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--muted)}h1{font:400 clamp(40px,8vw,57px)/1.1 Georgia,serif;letter-spacing:-1.7px;margin:16px 0 22px}.intro{color:var(--muted);max-width:540px;font-size:16px;margin-bottom:28px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:28px;margin-top:22px}.card h2{font-size:21px;margin:0 0 15px;font-weight:650;letter-spacing:-.5px}.card p{font-size:14px;color:var(--muted)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.label{background:#e7eede;border-radius:30px;padding:5px 10px;font-size:10px;white-space:nowrap;font-weight:600}.steps{padding-left:21px;font-size:14px}.steps li{padding:4px 0}.note{border-left:3px solid #92a977;padding:11px 14px;background:#f0f4e8;font-size:12px!important}.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:22px 0}.consent input{margin-top:6px;accent-color:var(--green)}button,input,select{font:inherit}button{background:var(--green);color:white;border:1px solid var(--green);padding:12px 16px;font-size:13px;font-weight:650;border-radius:8px;cursor:pointer}button:hover{background:#1d402b}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.secondary:hover{background:#eaf0e1}.text-button{margin-top:18px;background:none;color:var(--green);border:none;padding:8px 0}.text-button:hover{background:none;text-decoration:underline}.actions{display:flex;flex-wrap:wrap;gap:10px}.device,.success{padding:20px;background:#edf3e3;border:1px solid #cbd9b8;border-radius:12px;margin-top:24px}h3{font-size:17px;margin:0 0 12px}.device code{display:block;letter-spacing:4px;font-size:28px;font-weight:700;margin:20px 0}.device a{color:var(--green);font-weight:650;font-size:14px}.small{font-size:12px!important}footer{font-size:11px;line-height:1.8;color:var(--muted);margin-top:30px}#melding:not(:empty){background:#e8efdc;border-radius:8px;padding:12px 15px;font-size:13px;margin:15px 0}#melding.error{background:#faeae5;color:#963a2b}#resultaat{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}select,input[type=text]{width:100%;padding:11px;border:1px solid #9daf98;border-radius:6px;margin:8px 0 15px}label[for]{display:block;font-size:13px;font-weight:600}#link{font-size:12px}:focus-visible{outline:3px solid #9e7e37;outline-offset:3px}[hidden]{display:none!important}@media(max-width:480px){main{padding:22px 17px}.card{padding:22px 18px}header{margin-bottom:30px}.card-head{flex-direction:column;gap:0}.card-head .label{margin-bottom:15px}.actions button{width:100%}}