.certificate-card{font:inherit;color:inherit;text-align:left;cursor:pointer;padding:0;width:100%}
.certificate-modal{width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--line);background:var(--panel);color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.55)}
.certificate-modal::backdrop{background:rgba(4,8,7,.84);backdrop-filter:blur(7px)}
.certificate-modal__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);align-items:center;justify-content:center}
.certificate-modal__content img{width:100%;max-height:calc(100dvh - 32px);object-fit:contain;background:#080d0b;justify-self:center}
.certificate-modal__content>div{padding:36px}
.certificate-modal__content p:first-child{font:500 .68rem var(--mono);letter-spacing:.1em;color:var(--lime)}
.certificate-modal__content h3{font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.06em;margin:8px 0 15px}
.certificate-modal__content p:last-child{font-size:.88rem;color:var(--muted)}
.certificate-modal__close{position:absolute;z-index:1;top:12px;right:12px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:rgba(11,16,15,.8);color:var(--ink);font:1.7rem/1 var(--sans);cursor:pointer;transition:.2s}
.certificate-modal__close:hover{background:var(--lime);border-color:var(--lime);color:#132019}
@media(max-width:700px){.certificate-modal{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.certificate-modal__content{grid-template-columns:1fr}.certificate-modal__content img{max-height:58dvh}.certificate-modal__content>div{padding:20px}.certificate-modal__close{top:8px;right:8px}}