/* PAGE-OVERLAYS.CSS — Full page overlays */

.page-overlay{position:fixed;inset:0;background:#fff;z-index:600;overflow-y:auto;transform:translateY(20px);opacity:0;pointer-events:none;transition:all .35s var(--transition)}
.page-overlay.open{transform:none;opacity:1;pointer-events:all}
.page-head{position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:1.2rem 2rem;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto}
.page-head h2{font-size:1.3rem;font-weight:800;color:var(--navy)}
.page-close{width:38px;height:38px;border-radius:50%;background:var(--light);border:none;cursor:pointer;font-size:17px;color:var(--mid);transition:all .2s}
.page-close:hover{background:var(--border)}
.page-body{max-width:1000px;margin:0 auto;padding:2.5rem 2rem 4rem}
.cert-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.cert-item{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;transition:all .25s}
.cert-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.cert-item img{width:100%;height:200px;object-fit:cover}
.cert-item-body{padding:14px 16px}
.cert-item-body h4{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:5px}
.cert-item-body p{font-size:12.5px;color:var(--gray);line-height:1.7}
.about-body{font-size:14.5px;color:var(--mid);line-height:2.1}
.about-body h3{font-size:1.2rem;font-weight:800;color:var(--navy);margin:1.6rem 0 .8rem}