.credentials{background:#fff}.credentials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.credential-card{border:1px solid var(--line);background:#fff;transition:transform .25s,box-shadow .25s;min-width:0}.credential-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(11,37,69,.10)}.credential-preview{display:block;position:relative;width:100%;height:280px;padding:16px;background:#f4f6f8;border:0;border-bottom:1px solid var(--line);cursor:zoom-in;overflow:hidden}.credential-preview img{width:100%;height:100%;object-fit:contain}.preview-hint{position:absolute;inset:auto 12px 12px auto;padding:7px 10px;background:rgba(11,37,69,.9);color:#fff;font-size:10px;font-weight:700;opacity:0;transition:opacity .2s}.credential-preview:hover .preview-hint,.credential-preview:focus-visible .preview-hint{opacity:1}.credential-info{padding:17px 19px 20px}.credential-info h3{margin:0 0 8px;color:var(--navy);font-size:16px;line-height:1.4}.credential-info a{font-size:11px;font-weight:800;color:var(--red)}.credential-info a:hover{text-decoration:underline}.credential-lightbox{position:fixed;z-index:1000;inset:0;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(4,16,30,.92)}.credential-lightbox.open{display:flex}.credential-lightbox img{max-width:min(92vw,1200px);max-height:82vh;object-fit:contain;background:#fff;box-shadow:0 18px 70px rgba(0,0,0,.4)}.credential-lightbox-caption{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;color:#fff;font-size:13px}.credential-lightbox-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:transparent;color:#fff;font-size:28px;cursor:pointer}.credential-lightbox-close:hover{background:#fff;color:var(--navy)}html[dir="rtl"] .credential-lightbox-close{right:auto;left:22px}html[dir="rtl"] .credential-info{text-align:right}html[dir="rtl"] .preview-hint{right:auto;left:12px}
@media(max-width:1000px){.credentials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.credentials-grid{grid-template-columns:1fr}.credential-preview{height:300px}.credential-lightbox{padding:16px}.credential-lightbox img{max-width:96vw;max-height:78vh}}