@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#21171b;--cream:#fffaf1;--gold:#c89d43;--pink:#d92f82;--line:#eadfce}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#160f12,#38202a);color:var(--ink);font-family:'DM Sans',sans-serif}.shell{max-width:980px;margin:auto;padding:2rem 1rem 4rem}.back{color:#fff;text-decoration:none}.eyebrow{color:#e6bd62;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:700;margin-top:3rem}h1{font:italic 600 clamp(2.4rem,6vw,4.5rem) 'Playfair Display',serif;color:#fff;margin:.25rem 0 1rem}.intro{color:#f8e9e8;max-width:650px;line-height:1.7}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.status{background:#fffaf1;border-radius:16px;padding:1rem}.status strong{display:block;margin-bottom:.35rem}.status small{color:#6d5b5f}.bar{height:7px;background:#eadfce;border-radius:9px;margin-top:.8rem;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--gold))}.certificate-card{background:var(--cream);border-radius:22px;padding:clamp(1.25rem,4vw,3rem);max-width:850px;margin:auto}.certificate-card label{font-weight:700;display:block;margin-bottom:.5rem}.certificate-card input{width:100%;font:inherit;padding:1rem;border:1px solid var(--line);border-radius:10px;margin-bottom:1rem}.preview{border:10px solid #21171b;outline:2px solid var(--gold);outline-offset:-18px;min-height:290px;padding:3.5rem 2rem;text-align:center;background:#fffdf8;display:flex;flex-direction:column;justify-content:center}.preview .small{letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:#8b6b2f}.preview h2{font:italic 600 clamp(2rem,5vw,3.5rem) 'Playfair Display',serif;margin:.6rem 0;color:#24171d}.preview p{margin:.35rem}.certificate-card button{margin-top:1.2rem;background:var(--pink);color:white;border:0;border-radius:999px;padding:.9rem 1.4rem;font-weight:700;font-size:1rem}.certificate-card button:disabled{opacity:.45}.fine{font-size:.75rem;color:#74646a;margin-top:1rem}.locked{color:#9d3f5b}.complete{color:#397354}@media(max-width:700px){.status-grid{grid-template-columns:1fr 1fr}.preview{min-height:260px;padding:2.5rem 1rem}}@media(max-width:430px){.status-grid{grid-template-columns:1fr}}@media print{body{background:white}.back,.eyebrow,h1,.intro,.status-grid,.certificate-card>label,.certificate-card>input,.certificate-card>button,.fine{display:none}.shell{padding:0}.certificate-card{padding:0}.preview{min-height:100vh;border-width:12px}}