.certificate-promo{margin-top:27px;border:1px solid #f5d68b3d;border-radius:20px;background:linear-gradient(115deg,#f5d68b06,#f5d68b02);padding:22px 25px;display:flex;align-items:center;gap:20px}.certificate-promo.earned{border-color:#89e6c559;background:linear-gradient(115deg,#89e6c509,#89e6c502)}.certificate-promo-icon{display:grid;place-items:center;width:60px;height:65px;border-radius:18px;color:var(--gold);background:#f5d68b0b;border:1px solid #f5d68b29;flex:none}.certificate-promo-icon svg{width:33px;height:33px}.certificate-promo-copy{flex:1}.certificate-promo h2{font-size:17px}.certificate-promo p{font-size:11px;color:var(--muted);margin-top:3px;line-height:2}.certificate-promo-copy>span{display:block;font-size:10px;color:var(--gold);margin-top:4px}.certificate-promo>button{flex:none}.certificate-page{max-width:1040px;margin:auto}.certificate-page-heading{margin-bottom:22px}.certificate-page-heading h1{font-size:29px;margin:6px 0 8px}.certificate-page-heading p{font-size:12px;color:var(--muted);line-height:2}.certificate-form{padding:19px 22px;background:#ffffff03;border:1px solid var(--line);border-radius:17px;margin-bottom:23px}.certificate-form>label{display:block;font-size:12px;margin-bottom:9px;color:#d6dfeb}.certificate-name-row{display:flex;gap:12px;align-items:stretch}.certificate-name-row input{font-size:15px;background:#111f32;color:var(--text);border:1px solid #ffffff26;border-radius:11px;min-height:49px;flex:1;min-width:0;padding:11px 15px}.certificate-name-row input::placeholder{color:#8192a8;font-size:12px}.certificate-name-row input:focus{border-color:var(--mint)}.certificate-form .input-error{min-height:0;font-size:11px}.certificate-locked{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 22px;border:1px solid #f5d68b29;border-radius:16px;margin-bottom:23px}.certificate-locked>div{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:13px}.certificate-locked svg{width:20px;height:20px}.certificate-preview{overflow:hidden;background:#fffcf5;box-shadow:0 20px 65px #0004;line-height:0;border-radius:4px}.certificate-preview>svg{display:block;width:100%;height:auto;max-width:none;border-radius:0}.certificate-file-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:24px}.certificate-file-actions button:disabled{opacity:.45;cursor:default}.certificate-caption{font-size:10px;color:var(--muted);text-align:center;margin-top:13px;line-height:2}.certificate-export-status{font-size:12px;color:var(--mint);text-align:center;margin-top:10px}
@media(max-width:780px){.certificate-promo{padding:19px;gap:15px}.certificate-promo-icon{width:49px;height:55px;border-radius:15px}.certificate-promo h2{font-size:15px}.certificate-promo p{font-size:10px}.certificate-promo>button{font-size:11px;padding:10px 13px}.certificate-page-heading h1{font-size:25px}}
@media(max-width:560px){.certificate-promo{display:grid;grid-template-columns:42px minmax(0,1fr);padding:16px;gap:12px}.certificate-promo-icon{width:42px;height:48px;border-radius:13px}.certificate-promo-icon svg{width:26px;height:26px}.certificate-promo h2{font-size:13px;line-height:1.9}.certificate-promo p{font-size:10px}.certificate-promo>button{grid-column:1/-1;width:100%;min-height:44px;font-size:11px;margin-top:3px}.certificate-page-heading h1{font-size:23px}.certificate-page-heading p{font-size:11px}.certificate-form{padding:16px 14px}.certificate-name-row{flex-direction:column;gap:10px}.certificate-name-row input{width:100%;font-size:14px}.certificate-name-row input::placeholder{font-size:10px}.certificate-name-row>button{font-size:12px}.certificate-locked{padding:15px 13px;gap:10px}.certificate-locked>div{font-size:11px;gap:6px}.certificate-locked>button{font-size:10px;padding:10px 13px;min-height:43px}.certificate-file-actions{gap:9px;margin-top:19px}.certificate-file-actions button{font-size:11px;padding:10px 13px;min-height:45px}.certificate-file-actions svg{width:17px;height:17px}.certificate-caption{font-size:9px;text-align:center}}
@page{size:A4 landscape;margin:0}
@media print{body.print-certificate{background:white!important;margin:0!important;padding:0!important;min-width:0!important}body.print-certificate>*:not(#screen){display:none!important}body.print-certificate #screen{margin:0!important;padding:0!important;max-width:none!important;width:297mm!important;height:210mm!important;min-height:0!important;line-height:0!important}body.print-certificate .certificate-page{margin:0!important;padding:0!important;max-width:none!important;width:297mm!important;height:210mm!important}body.print-certificate .certificate-page>*:not(.certificate-preview){display:none!important}body.print-certificate .certificate-preview{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:297mm!important;height:210mm!important;overflow:hidden!important;break-inside:avoid!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}body.print-certificate .certificate-preview>svg{width:297mm!important;height:210mm!important;display:block!important}}