.certificate-card{display:flex;align-items:center;gap:16px;margin-top:22px;padding:16px;border:1px solid var(--certificate-color);border-radius:12px;background:linear-gradient(135deg,#142232,#080f19);text-align:left}
.certificate-card>img{width:86px;height:122px;object-fit:contain;flex-shrink:0;box-shadow:0 4px 16px #0008}
.certificate-card>div{min-width:0;display:grid;gap:10px}.certificate-card span{font-size:10px;letter-spacing:1.3px;color:var(--certificate-color)}.certificate-card strong{color:#fff;font-size:16px}
.certificate-card button{border:1px solid var(--certificate-color);color:var(--certificate-color);background:transparent;border-radius:6px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}
.certificate-card button:hover{background:#ffffff18}.certificate-card button:focus-visible,.certificate-toolbar button:focus-visible,.certificate-toolbar a:focus-visible{outline:3px solid #ffdb82;outline-offset:3px}
.certificate-dialog{padding:0;width:min(940px,96vw);max-width:96vw;height:94vh;height:94dvh;max-height:94dvh;border:1px solid #c9a75e;border-radius:14px;background:#111d2b;color:#fff;box-shadow:0 24px 100px #000a}
.certificate-dialog::backdrop{background:#020711d9;backdrop-filter:blur(6px)}
.certificate-dialog[open]{display:flex;flex-direction:column}.certificate-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #c9a75e66;flex-wrap:wrap}.certificate-toolbar h2{font-size:18px;margin:0;color:#f3d993}.certificate-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.certificate-toolbar button,.certificate-toolbar a{font:inherit;font-size:14px;padding:9px 12px;min-height:44px;border-radius:6px;border:1px solid #768395;background:#203047;color:white;cursor:pointer;text-decoration:none}
.certificate-toolbar .certificate-close{background:#d8b66e;color:#101b29}.certificate-frame{width:100%;flex:1;min-height:0;border:0;background:#182230}
@media(max-width:600px){.certificate-toolbar{padding:10px;gap:8px}.certificate-toolbar h2{font-size:16px}.certificate-controls{gap:5px}.certificate-toolbar button,.certificate-toolbar a{padding:8px;font-size:12px}.certificate-dialog{width:98vw;max-width:98vw;height:96dvh;max-height:96dvh}.certificate-card>img{width:76px;height:108px}}