.quiz-name{max-width:30rem;margin:1rem 0}
.quiz-name label{display:block;font-weight:600;margin-bottom:.35rem}
.quiz-name label span{font-weight:400;opacity:.75}
.quiz-name input{width:100%;padding:.7rem .85rem;font:inherit;border:2px solid #D4A33A;border-radius:8px;background:#fff;color:inherit}
.quiz-name input:focus{outline:3px solid rgba(110,17,23,.35);outline-offset:1px}
.quiz-name .small-note,.quiz-name .err{display:block;margin-top:.3rem}
.quiz-cert{margin:1rem 0 1.5rem;text-align:center}
.quiz-cert canvas{width:100%;max-width:900px;height:auto;aspect-ratio:2526/1785;border:1px solid #D4A33A;border-radius:6px;box-shadow:0 6px 24px rgba(66,35,21,.18);background:#FFF8E9}
.quiz-note{max-width:34rem;margin:.6rem 0}
.quiz-wa{margin:.5rem 0;font-weight:600}
.quiz-wa-row{display:flex;gap:.5rem;flex-wrap:wrap}
.quiz-wa-row select{padding:.7rem .5rem;font:inherit;border:2px solid #D4A33A;border-radius:8px;background:#fff;color:inherit;max-width:13rem}
.quiz-wa-row input{flex:1 1 11rem;min-width:0}
.quiz-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.btn-wa{background:#1f9d55;color:#fff;border:2px solid #1f9d55}.btn-wa:hover,.btn-wa:focus{background:#177a42;border-color:#177a42;color:#fff}