@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
#lexibal-certificate-validator{--lx-blue:#5170ff;--lx-blue-dark:#3f5bea;--lx-text:#111827;--lx-muted:#667085;--lx-page:#f6f7fb;--lx-card:#fff;font-family:Poppins,Arial,sans-serif;background:var(--lx-page);padding:54px 18px;box-sizing:border-box;color:var(--lx-text)}
#lexibal-certificate-validator *{box-sizing:border-box}.lx-cert-wrap{max-width:1180px;margin:auto}.lx-cert-header{text-align:center;margin-bottom:28px}.lx-cert-kicker{font-size:13px;font-weight:600;color:var(--lx-blue);letter-spacing:.02em}.lx-cert-kicker span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lx-blue);margin-right:7px}.lx-cert-header h1{font-size:42px;line-height:1.1;margin:9px 0}.lx-cert-header p{max-width:700px;margin:auto;color:var(--lx-muted);font-size:15px}.lx-cert-search{max-width:650px;margin:0 auto 20px;background:#fff;border:1px solid #eaecf0;border-radius:15px;padding:8px;display:flex;gap:8px;box-shadow:0 12px 35px #1018280b}.lx-cert-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;padding:13px 14px;font:500 14px Poppins}.lx-cert-search button,.lx-verified-bar button{border:1px solid #d0d5dd;border-radius:9px;background:#fff;padding:11px 15px;font:600 13px Poppins;cursor:pointer}.lx-cert-search button{background:var(--lx-blue);border-color:var(--lx-blue);color:#fff}.lx-cert-message{max-width:650px;margin:14px auto;padding:13px 15px;border-radius:10px}.lx-cert-message.error{background:#fef2f2;color:#b42318;border:1px solid #fecaca}.lx-verified-bar{max-width:1123px;margin:18px auto;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ecfdf3;border:1px solid #bbf7d0;padding:12px 15px;border-radius:10px}.lx-verified-bar.revoked{background:#fef2f2;border-color:#fecaca;color:#b42318}.lx-verified-bar>div{display:flex;gap:8px;flex-wrap:wrap}
/* One public certificate renderer. Master is always 1123 × 794. */
.lx-certificate-stage{width:100%;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;margin:0 auto}.lexcm-certificate,.lx-public-cert{width:1123px;height:794px;min-width:1123px;min-height:794px;background:var(--cm-bg,#fff);position:relative;box-sizing:border-box;font-family:var(--cm-font),Georgia,serif;box-shadow:0 15px 45px #10182814;transform-origin:top left;flex:none}.cm-frame{position:absolute;inset:18px;border:var(--cm-border-width,3px) solid var(--cm-border);pointer-events:none}.cm-inner{position:absolute;inset:31px;border:1px solid var(--cm-border);overflow:hidden}.cm-el{position:absolute;box-sizing:border-box;z-index:2}.cm-text{overflow:hidden;line-height:1.28;white-space:normal}.cm-image{display:flex;align-items:center;justify-content:center}.cm-image img{max-width:100%;max-height:100%;object-fit:contain}.cm-image-empty{font:600 10px Poppins,sans-serif;color:#98a2b3;border:1px dashed #d0d5dd;padding:7px}
.lexcm-variant-minimal .cm-frame{inset:0;border-width:0 0 1px}.lexcm-variant-minimal .cm-inner{border:0}.lexcm-variant-royal .cm-frame{inset:12px;border-width:8px}.lexcm-variant-royal .cm-inner{inset:29px}.lexcm-variant-heritage .cm-frame{border-style:double}.lexcm-variant-signature .cm-inner{border-style:dashed}.lexcm-variant-classic .cm-frame{border-style:double}.lexcm-variant-modern .cm-frame{inset:12px;border-width:3px}.lexcm-variant-modern .cm-inner{inset:24px;border:0}.lexcm-variant-seal .cm-inner{inset:35px;border-style:dotted}.lexcm-variant-frame .cm-frame{inset:10px;border-width:4px}.lexcm-variant-frame .cm-inner{inset:24px}.lexcm-variant-contemporary .cm-frame{inset:0;border-width:0 0 3px}.lexcm-variant-contemporary .cm-inner{inset:25px;border:0}.lexcm-variant-executive .cm-frame{inset:22px;border-width:2px}.lexcm-variant-executive .cm-inner{inset:38px;border:0}
.lx-qr-wrap{margin:20px auto;text-align:center;color:#667085;font-size:12px}.lx-qr-wrap #lx-qr{display:inline-block;background:#fff;padding:8px;border:1px solid #eaecf0;border-radius:10px}.lx-qr-wrap img{display:block}
@media(max-width:782px){#lexibal-certificate-validator{padding:30px 12px}.lx-cert-header h1{font-size:30px}.lx-cert-search{display:flex}.lx-verified-bar{flex-direction:column;align-items:flex-start}}
@media print{#lexibal-certificate-validator{padding:0;background:#fff}.lx-cert-header,.lx-cert-search,.lx-cert-message,.lx-verified-bar,.lx-qr-wrap{display:none!important}.lx-certificate-stage{width:1123px;height:794px;display:block;overflow:visible;margin:0}.lx-public-cert{width:1123px;height:794px;transform:none!important;box-shadow:none}}

/* V5.1 public certificate: exact master + centered responsive viewport */
.lx-certificate-stage{display:flex!important;align-items:flex-start!important;justify-content:center!important;width:100%!important;overflow:hidden!important;margin:0 auto!important}
.lx-public-cert{width:1123px!important;height:794px!important;min-width:1123px!important;min-height:794px!important;max-width:none!important;max-height:none!important;flex:none!important;transform-origin:top left!important;margin:0!important}
@media print{.lx-certificate-stage{width:1123px!important;height:794px!important;display:block!important;overflow:visible!important}.lx-public-cert{transform:none!important}}
/* v5.2.2 — QR is part of the certificate itself */
.lexcm-certificate .cm-qr{position:absolute;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;box-sizing:border-box;background:#fff;padding:4px;border:1px solid #d0d5dd;border-radius:7px;overflow:hidden}
.lexcm-certificate .cm-qr-box{display:block;width:100%;height:calc(100% - 14px);min-height:24px;background:#fff}
.lexcm-certificate .cm-qr-box img,.lexcm-certificate .cm-qr-box canvas{display:block!important;width:100%!important;height:100%!important}
.lexcm-certificate .cm-qr small{font:700 6px/1 Poppins,Arial,sans-serif;color:#475467;letter-spacing:.06em;white-space:nowrap}
/* User-uploaded certificate template backgrounds */
.lexcm-certificate{position:relative;overflow:hidden}
.lexcm-certificate .cm-custom-bg{position:absolute!important;inset:0!important;width:1123px!important;height:794px!important;z-index:0!important;pointer-events:none!important;overflow:hidden!important}
.lexcm-certificate .cm-custom-bg img{display:block!important;width:1123px!important;height:794px!important;max-width:none!important;max-height:none!important;object-fit:fill!important}
.lexcm-certificate .cm-frame,.lexcm-certificate .cm-inner{z-index:1}
.lexcm-certificate .cm-el{z-index:3}
.lexcm-certificate .cm-qr{z-index:4}

/* V5.2.6 — public validator follows the existing Lexibal/Foxiz state only. */
/* Certificate artwork remains exactly as saved in the template. */


/* Lexibal/Foxiz theme integration — inherits the existing site theme only. */
html.dark #lexibal-certificate-validator, body.dark #lexibal-certificate-validator,
.dark-mode #lexibal-certificate-validator, html.dark-mode #lexibal-certificate-validator,
body.dark-mode #lexibal-certificate-validator, body.rb-dark-mode #lexibal-certificate-validator,
[data-theme="dark"] #lexibal-certificate-validator{
  --lx-primary:#5170FF;
  --lx-heading:#F8FAFC;
  --lx-text:#CBD5E1;
}

html.dark #lexibal-certificate-validator .lx-cert-search,
body.dark #lexibal-certificate-validator .lx-cert-search,
.dark-mode #lexibal-certificate-validator .lx-cert-search,
html.dark-mode #lexibal-certificate-validator .lx-cert-search,
body.dark-mode #lexibal-certificate-validator .lx-cert-search,
body.rb-dark-mode #lexibal-certificate-validator .lx-cert-search,
[data-theme="dark"] #lexibal-certificate-validator .lx-cert-search{background:#1F232B;border-color:#30343D}

html.dark #lexibal-certificate-validator .lx-cert-search input,
body.dark #lexibal-certificate-validator .lx-cert-search input,
.dark-mode #lexibal-certificate-validator .lx-cert-search input,
html.dark-mode #lexibal-certificate-validator .lx-cert-search input,
body.dark-mode #lexibal-certificate-validator .lx-cert-search input,
body.rb-dark-mode #lexibal-certificate-validator .lx-cert-search input,
[data-theme="dark"] #lexibal-certificate-validator .lx-cert-search input{color:#F8FAFC}