I have a finished certificate layout I like, and I now need it rebuilt as a single, clean HTML file so our platform can fill in the data and issue certificates automatically. Please reproduce the referenced design as closely as possible—fonts, colours, spacing, borders, everything—so the result looks identical to the source when printed or viewed on-screen. Dynamic content will be injected by our system as HTML. In the code, leave clearly commented placeholders for the recipient’s name, date of issue and certificate ID; those three fields are the only pieces that must change from one certificate to another. A few practical notes: • The certificate sits on an A4 (landscape) canvas and must print without clipping or unexpected margins in Chrome, Edge and Safari. • Keep the markup semantic, class names intuitive and the CSS self-contained (either embedded in a <style> block or inlined—whichever yields the highest rendering fidelity). No external libraries, please. • Typography needs to match exactly; if you rely on webfonts, load them via @font-face or Google Fonts as appropriate. • Make sure the layout remains pixel-perfect at 100 % zoom yet doesn’t break if someone scales the browser to 110 % or 90 %. • Deliver a single HTML file plus any asset files (fonts, background images, SVGs). I will supply the reference design as soon as we start. Once you hand back the template, I’ll drop it into our engine; final approval is when the populated certificate is indistinguishable from the reference aside from the dynamic data.