/* Homepage — Final exam & certificate section (Oct 25, 2026). White + emerald, Manrope. */
main .cert-band{background:linear-gradient(180deg,#F5FBF8 0%,#fff 100%)}
main .cert-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(36px,6vw,80px)}
main .cert-band .eyebrow{color:#0A9B6E}
main .cert-copy h2{margin:18px 0 0;font-size:var(--type-section,clamp(30px,4vw,46px));line-height:1.12;color:#0E1B3D;letter-spacing:-.02em}
main .cert-copy .lead{margin:18px 0 0;font-size:var(--type-lead,18px);line-height:1.65;color:var(--wf-muted,#555D72)}
.cert-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.cert-steps li{display:flex;gap:14px;align-items:flex-start}
.cert-steps li>span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#12B886;color:#fff;font:800 15px/1 Manrope,system-ui,sans-serif}
.cert-steps b{display:block;font:700 16.5px/1.35 Manrope,system-ui,sans-serif;color:#0E1B3D}
.cert-steps small{display:block;margin-top:3px;font:500 14.5px/1.5 Manrope,system-ui,sans-serif;color:#555D72}
.cert-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cert-fine{margin:14px 0 0;font:500 13px/1.55 Manrope,system-ui,sans-serif;color:#6B7389}

/* sample certificate */
.cert-visual{position:relative}
.cert-paper{position:relative;aspect-ratio:1056/746;background:#fff;border-radius:6px;box-shadow:0 40px 80px -36px rgba(14,27,61,.45),0 2px 6px rgba(14,27,61,.06);overflow:hidden;container-type:inline-size;transform:rotate(-1.2deg)}
.cert-paper:before{content:"";position:absolute;inset:2.2%;border:2px solid #0E1B3D;pointer-events:none}
.cert-paper:after{content:"";position:absolute;inset:3%;border:1px solid #12B886;pointer-events:none}
.cert-in{position:absolute;inset:7.5% 8% 7%;display:flex;flex-direction:column}
.cert-logo{width:auto;height:5.4cqw;align-self:flex-start}
.cert-eye{margin:4.6cqw 0 0;font:800 1.4cqw/1 Manrope,system-ui,sans-serif;letter-spacing:.42em;color:#12B886}
.cert-title{margin:.9cqw 0 0;max-width:62%;font:800 3.7cqw/1.12 Manrope,system-ui,sans-serif;color:#0B1F3A}
.cert-lead{margin:2.8cqw 0 .4cqw;font:500 1.6cqw/1 Manrope,system-ui,sans-serif;color:#596579}
.cert-name{margin:0;max-width:62%;padding-bottom:1cqw;border-bottom:2px solid #E7F8F1;font:400 5.6cqw/1.1 "La Belle Aurore",cursive;color:#172033}
.cert-desc{margin:1.6cqw 0 0;font:500 1.6cqw/1.5 Manrope,system-ui,sans-serif;color:#26324F}
.cert-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:2cqw}
.cert-sig span{display:block;padding-bottom:.6cqw;border-bottom:1.5px solid #0E1B3D;font:400 2.9cqw/1 "La Belle Aurore",cursive;color:#0E1B3D}
.cert-sig small{display:block;margin-top:.7cqw;font:700 1.2cqw/1.3 Manrope,system-ui,sans-serif;color:#596579}
.cert-id{text-align:right;font:600 1.2cqw/1.5 Manrope,system-ui,sans-serif;color:#596579}
.cert-seal{position:absolute;right:7%;top:19%;width:25%;height:auto;filter:drop-shadow(0 1.2cqw 1.4cqw rgba(14,27,61,.25))}
.cert-sample{position:absolute;top:4.6%;right:4.6%;z-index:2;padding:.6cqw 1.6cqw;border-radius:99px;background:#FFF1D6;color:#8A5300;font:800 1.3cqw/1 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.cert-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.cert-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #DCE5E1;font:700 13.5px/1 Manrope,system-ui,sans-serif;color:#0E1B3D;box-shadow:0 6px 16px -12px rgba(14,27,61,.4)}
.cert-chip.ok{color:#0A7A57;background:#E7F8F1;border-color:#C9EFDF}
.cert-chip.li{color:#0A66C2}
.cert-chip svg{width:15px;height:15px;fill:currentColor}

@media (max-width:920px){
  main .cert-home{grid-template-columns:1fr;gap:44px}
  .cert-visual{max-width:620px;margin:0 auto;width:100%}
}
@media (max-width:560px){
  .cert-cta .btn{flex:1 1 100%;justify-content:center}
  .cert-paper{transform:none}
  .cert-chip{font-size:12.5px;padding:8px 11px}
}
@media (prefers-reduced-motion:reduce){.cert-paper{transform:none}}