/* Rustige toegang: een naam, een handeling, geen huisgegevens of externe assets. */
:root{color-scheme:light dark;--bg:#eef0f3;--fg:#14171c;--muted:#59636f;--accent:#0b6bcb;--line:#ccd4de;--focus:#14171c}
@media(prefers-color-scheme:dark){:root{--bg:#0b0e12;--fg:#e8eaed;--muted:#a3adba;--accent:#79b9ff;--line:#34404e;--focus:#fff}}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;flex-direction:column;padding:clamp(28px,7vw,80px)}
main{width:min(100%,440px);margin:auto; padding:48px 0}.mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;font-weight:750;font-size:22px;color:var(--accent)}
.brand{font-size:20px;font-weight:650;margin:28px 0 12px}h1{font-size:clamp(29px,5vw,38px);font-weight:550;letter-spacing:-.045em;line-height:1.18;margin:0 0 18px}.intro{color:var(--muted);margin:0 0 30px}
button{font:inherit;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;border:0;border-radius:9px;padding:14px 20px;background:var(--accent);color:#fff;cursor:pointer;transition:filter .15s}button:hover{filter:brightness(.92)}button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button span{font-size:22px;line-height:1}
.hint{font-size:13px;color:var(--muted);line-height:1.65;margin-top:18px;max-width:390px}.notice{border-left:3px solid var(--accent);padding:8px 14px;margin-bottom:24px;font-size:14px}footer{font-size:12px;letter-spacing:.015em;text-align:center;color:var(--muted);padding-top:24px}
@media(prefers-color-scheme:dark){button{color:#0b2035}}@media(prefers-reduced-motion:reduce){button{transition:none}}