#lesson #lesson-certificate[hidden]{display:none!important}#lesson #lesson-certificate{font-family:'HP Simplified',Arial,sans-serif;font-size:12px;padding:9px 13px;border:1px solid #7ca598;border-radius:9px;background:linear-gradient(#e4f5e8,#b6d8c7);color:#174d4a;box-shadow:0 2px 5px #173d3426}
#certificate-dialog{width:min(1100px,calc(100vw - 30px));max-width:none;max-height:calc(100dvh - 30px);padding:0;border:1px solid #ccecdf;border-radius:23px;background:#edf6ec;color:#17484a;overflow:auto;overscroll-behavior:contain;font-family:'HP Simplified',Arial,sans-serif;box-shadow:0 24px 100px #001c3266}#certificate-dialog::backdrop{background:#052632a6;backdrop-filter:blur(7px)}
.certificate-header{padding:24px 66px 20px 25px;background:linear-gradient(125deg,#166c6e,#103e4b);color:#f5f5df;position:relative}#certificate-kicker{font-size:10px;letter-spacing:1.7px;color:#b7e2cf}#certificate-title{font:700 31px/1.2 'HP Simplified',Arial,sans-serif;color:#fff9e5;letter-spacing:-.5px;margin:7px 0}#certificate-dialog #certificate-intro{font-size:14px;line-height:1.5;color:#d0e5da;margin:0}#certificate-close{position:absolute;right:18px;top:19px;width:36px;height:36px;border:1px solid #a5d8ca80;border-radius:11px;background:#ffffff17;color:white;font-size:25px;line-height:1}
#certificate-form{padding:25px;max-width:650px;margin:auto}#certificate-form[hidden],#certificate-preview[hidden],#certificate-error[hidden]{display:none!important}#certificate-name-label{display:block;font-size:15px;font-weight:700;color:#2d6154;margin-bottom:9px}#certificate-name{font:400 18px/1.4 'HP Simplified',Arial,sans-serif;width:100%;border:1px solid #9ac0aa;background:#fffef7;color:#173f42;border-radius:11px;padding:13px 14px;box-sizing:border-box}#certificate-name:focus{outline:3px solid #6cb8a4;outline-offset:2px}.certificate-form-actions,.certificate-downloads{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:18px}#certificate-dialog .certificate-action{border:1px solid #6ca797;border-radius:11px;background:linear-gradient(#168c84,#126366);color:#fffbe9;padding:12px 20px;font:700 15px/1.2 'HP Simplified',Arial,sans-serif}#certificate-dialog .certificate-secondary{background:#e4f0df;color:#366550;border-color:#a9c6b0}#certificate-dialog .certificate-action:disabled{opacity:.5;cursor:wait}#certificate-dialog button:focus-visible{outline:3px solid #cfaa55;outline-offset:3px}
#certificate-preview{padding:19px 20px 16px}#certificate-canvas{display:block;width:100%;height:auto;border:1px solid #d6be83;border-radius:8px;box-shadow:0 5px 20px #1d49331a;background:#fff9e8}.certificate-downloads{margin-top:15px}#certificate-status{font-size:12px;text-align:center;color:#527866;margin:12px 20px}#certificate-error{color:#9b3c28;background:#fff1dc;border-radius:9px;margin:12px 25px;padding:10px;font-size:13px}#certificate-privacy{font-size:11px;line-height:1.5;text-align:center;color:#607b68;border-top:1px solid #cfdfce;padding:11px 19px;margin:0}
@media(max-width:600px){#certificate-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);border-radius:17px}.certificate-header{padding:20px 54px 17px 17px}#certificate-title{font-size:25px}#certificate-kicker{font-size:8px}#certificate-dialog #certificate-intro{font-size:12px}#certificate-form{padding:20px 17px}#certificate-preview{padding:12px 10px}#certificate-dialog .certificate-action{font-size:13px;padding:11px 13px}.certificate-downloads{gap:8px}#certificate-privacy{font-size:10px}#certificate-status{font-size:11px}}