.bl-cert-page-hero {
    position: relative;
    overflow: hidden;
    padding: 76px 0;
    color: #fff;
    background: linear-gradient(135deg, #061c3a 0%, #0d3f76 62%, #145da0 100%);
}

.bl-cert-page-hero::before,
.bl-cert-page-hero::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .12);
    transform: rotate(35deg);
}

.bl-cert-page-hero::before { width: 250px; height: 250px; right: 7%; top: -105px; }
.bl-cert-page-hero::after { width: 145px; height: 145px; right: 20%; bottom: -90px; }

.bl-cert-page-hero-content { position: relative; z-index: 1; text-align: center; max-width: 760px; margin: 0 auto; }
.bl-cert-page-kicker { display: inline-flex; padding: 8px 15px; margin-bottom: 14px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.bl-cert-page-hero h1 { margin: 0 0 12px; font-family: "Oswald", sans-serif; font-size: clamp(38px, 6vw, 62px); font-weight: 700; }
.bl-cert-page-hero p { max-width: 650px; margin: 0 auto 18px; color: rgba(255,255,255,.83); font-size: 17px; }
.bl-cert-page-hero nav { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; }
.bl-cert-page-hero nav a { color: #fff; text-decoration: none; }
.bl-cert-page-hero nav span { color: rgba(255,255,255,.72); }

.bl-cert-page-section { padding: 78px 0 90px; background: #f5f7fb; }
.bl-cert-page-intro { max-width: 720px; margin: 0 auto 42px; text-align: center; }
.bl-cert-page-intro h2 { margin: 10px 0 10px; color: #0b2443; font-family: "Oswald", sans-serif; font-size: clamp(30px, 4vw, 43px); }
.bl-cert-page-intro p { margin: 0; color: #637083; }
.bl-cert-page-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }

.bl-cert-document-card { display: grid; grid-template-columns: minmax(210px, .82fr) minmax(0, 1.18fr); overflow: hidden; min-height: 475px; background: #fff; border: 1px solid #e3e8ef; border-radius: 20px; box-shadow: 0 16px 45px rgba(8, 32, 63, .08); transition: transform .25s ease, box-shadow .25s ease; }
.bl-cert-document-card:hover { transform: translateY(-5px); box-shadow: 0 22px 55px rgba(8, 32, 63, .14); }
.bl-cert-document-preview { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 20px; background: #e9edf3; text-decoration: none; }
.bl-cert-document-preview img { width: 100%; height: 100%; max-height: 435px; object-fit: contain; background: #fff; box-shadow: 0 9px 24px rgba(3, 22, 44, .18); transition: transform .3s ease; }
.bl-cert-document-card:hover .bl-cert-document-preview img { transform: scale(1.025); }
.bl-cert-document-badge { position: absolute; top: 14px; left: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; color: #fff; background: #d52b2b; border-radius: 999px; font-size: 12px; font-weight: 700; box-shadow: 0 6px 18px rgba(0,0,0,.16); }
.bl-cert-document-overlay { position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; color: #fff; background: rgba(5, 28, 57, .9); border-radius: 9px; font-size: 12px; font-weight: 700; }

.bl-cert-document-content { display: flex; flex-direction: column; padding: 30px 28px; }
.bl-cert-document-subtitle { color: #1767ad; font-size: 12px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.bl-cert-document-content h2 { margin: 8px 0 12px; color: #0b2443; font-family: "Oswald", sans-serif; font-size: 26px; line-height: 1.18; }
.bl-cert-document-content > p { margin: 0 0 20px; color: #667284; font-size: 14px; line-height: 1.75; }
.bl-cert-document-details { display: grid; gap: 10px; padding: 0; margin: 0 0 25px; list-style: none; }
.bl-cert-document-details li { display: flex; align-items: flex-start; gap: 10px; color: #33465c; font-size: 13px; line-height: 1.45; }
.bl-cert-document-details i { width: 17px; margin-top: 3px; color: #1767ad; text-align: center; }
.bl-cert-document-actions { display: flex; align-items: center; gap: 16px; margin-top: auto; }
.bl-cert-document-actions .bl-btn { display: inline-flex; align-items: center; gap: 8px; }
.bl-cert-download-link { display: inline-flex; align-items: center; gap: 7px; color: #0d4f8a; font-size: 14px; font-weight: 700; text-decoration: none; }
.bl-cert-download-link:hover { color: #0a2d53; }

@media (max-width: 1180px) {
    .bl-cert-page-grid { grid-template-columns: 1fr; }
    .bl-cert-document-card { grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr); }
}

@media (max-width: 720px) {
    .bl-cert-page-hero { padding: 58px 0; }
    .bl-cert-page-section { padding: 58px 0 70px; }
    .bl-cert-document-card { display: block; min-height: 0; border-radius: 16px; }
    .bl-cert-document-preview { min-height: 420px; padding: 18px; }
    .bl-cert-document-preview img { max-height: 390px; }
    .bl-cert-document-content { padding: 25px 20px 27px; }
    .bl-cert-document-content h2 { font-size: 24px; }
}

@media (max-width: 430px) {
    .bl-cert-document-preview { min-height: 350px; }
    .bl-cert-document-preview img { max-height: 320px; }
    .bl-cert-document-actions { align-items: flex-start; flex-direction: column; gap: 12px; }
}