button.certification-card{width:100%;font-family:inherit;text-align:left;cursor:pointer}
.certificate-viewer{box-sizing:border-box;width:min(1020px,calc(100% - 32px));height:min(940px,calc(100dvh - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #8ee4ff50;border-radius:20px;background:#0a2341;color:#f1f8ff;box-shadow:0 30px 100px #0009;overflow:hidden;font-family:inherit}
.certificate-viewer[open]{display:flex;flex-direction:column}.certificate-viewer::backdrop{background:#020d20cf;backdrop-filter:blur(8px)}
.certificate-viewer-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:16px;padding:18px 22px;border-bottom:1px solid #b4ddff26;background:linear-gradient(115deg,#103559,#0a2341)}
.certificate-viewer-header>div:first-child{min-width:0}.certificate-viewer-header span{color:#87eaf8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.certificate-viewer-header h2{margin:6px 0 0;font-size:22px;line-height:1.2;color:#fff;overflow-wrap:anywhere}
.certificate-viewer-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.certificate-viewer-actions button{min-height:44px;padding:10px 14px;border:1px solid #86d5ee40;border-radius:10px;background:#ffffff0b;color:#def7ff;font-family:inherit;font-weight:600;cursor:pointer}.certificate-viewer-actions [data-certificate-close]{width:44px;padding:0;font-size:26px}.certificate-viewer button:focus-visible,.certificate-viewer-pages:focus-visible{outline:2px solid #74e8ff;outline-offset:-3px}
.certificate-viewer-pages{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:22px;background:#06172c}.certificate-viewer-pages figure{max-width:850px;margin:0 auto 20px}.certificate-viewer-pages figure:last-child{margin-bottom:0}.certificate-viewer-pages img{display:block;width:100%;height:auto;background:white;box-shadow:0 8px 30px #0005}.certificate-viewer-pages figcaption{text-align:center;padding:12px;color:#c3d9e9;font-size:12px}.certificate-viewer.is-zoomed figure{width:1500px;max-width:none}
@media(max-width:600px){.certificate-viewer{width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:14px}.certificate-viewer-header{padding:12px;gap:10px;align-items:flex-start}.certificate-viewer-header h2{font-size:16px}.certificate-viewer-header span{font-size:8px}.certificate-viewer-actions{gap:6px}.certificate-viewer-actions button{padding:9px;font-size:11px}.certificate-viewer-actions [data-certificate-close]{font-size:25px}.certificate-viewer-pages{padding:10px}.certificate-viewer.is-zoomed figure{width:1000px}}