:root{--navy:#001c36;--blauw:#7bceef;--blauw-donker:#4fa8d4;--geel:#fbe396;--geel-donker:#e3c453;--pos:#1b7fb8;--bg:#f7f7f8;--card:#fff;--border:#dcdce0;--border-strong:#c4c4cc;--muted:#5b6472;--danger:#e93434}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font-family:Space Grotesk,system-ui,sans-serif}button{cursor:pointer}button,input{font-family:inherit}.mono{font-family:Space Mono,monospace}.knop{background:var(--blauw);color:var(--navy);border:none;border-radius:8px;padding:11px 20px;font-size:15px;font-weight:700}.knop:disabled{opacity:.6;cursor:default}.veld{width:100%;padding:10px 12px;border-radius:8px;border:1.5px solid var(--border-strong);font-size:15px;background:#fff;color:var(--navy)}.paneel{background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:18px;margin-bottom:20px}.hint{font-size:12px;color:var(--muted)}.fout{color:var(--danger);font-size:13px;font-weight:600}