:root{
  --navy:#0D1B2E;
  --cream:#F7F3EC;
  --cream-deep:#EFE7D7;
  --teal:#0D5F6F;
  --gold:#A87A2D;
  --ink:#20304A;
  --muted:#6E7A8A;
}

*{box-sizing:border-box;margin:0;padding:0;}

html,body{background:#3a4152;}

@page{ size:297mm 210mm; margin:0; }

.cert{
  position:relative;
  width:297mm;
  height:210mm;
  background:var(--navy);
  padding:9mm;
  page-break-after:always;
  overflow:hidden;
}
.cert:last-child{ page-break-after:auto; }

@media screen{
  body{ padding:28px 0; }
  .cert{ margin:0 auto 28px; box-shadow:0 18px 50px rgba(0,0,0,.45); }
}

.paper{
  position:relative;
  width:100%; height:100%;
  background:
    radial-gradient(120% 140% at 50% -10%, #FBF6EE 0%, var(--cream) 46%, var(--cream-deep) 100%);
  border:1px solid var(--gold);
  outline:1px solid rgba(168,122,45,.35);
  outline-offset:5px;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:14mm 20mm 11mm;
}

.tick{ position:absolute; width:16px; height:16px; border:1.5px solid var(--gold); }
.tick.tl{ top:8px; left:8px; border-right:0; border-bottom:0;}
.tick.tr{ top:8px; right:8px; border-left:0; border-bottom:0;}
.tick.bl{ bottom:8px; left:8px; border-right:0; border-top:0;}
.tick.br{ bottom:8px; right:8px; border-left:0; border-top:0;}

.logo-wrap{ margin-bottom:6px; }
.logo-wrap img{ height:52px; width:auto; display:block; }

.eyebrow{
  font-family:'Trebuchet MS',system-ui,sans-serif;
  font-size:10.5px; letter-spacing:4.5px; text-transform:uppercase;
  color:var(--teal); font-weight:700;
}
.rule{
  width:60px; height:2px; background:var(--gold); margin:9px auto 0;
}

.headline{
  font-family:Georgia,'Times New Roman',serif;
  color:var(--navy);
  font-weight:700;
  line-height:1.02;
  text-align:center;
  margin-top:10px;
}
.cert-title{ font-size:40px; }
.cert-title small{
  display:block; font-size:16px; font-weight:400; color:var(--teal);
  letter-spacing:2px; margin-top:8px;
  font-family:'Trebuchet MS',sans-serif; text-transform:uppercase;
}

.confer{
  font-family:Georgia,serif; font-style:italic;
  color:var(--muted); font-size:15px; margin-top:16px;
}

.name{
  font-family:Georgia,serif;
  font-size:52px; font-weight:700; color:var(--navy);
  line-height:1.05; text-align:center; margin-top:6px;
  padding:0 6mm;
}
.name-underline{
  width:min(560px,70%); height:1.5px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  margin:10px auto 0;
}
.role{
  font-family:'Trebuchet MS',sans-serif;
  font-size:13px; letter-spacing:3px; text-transform:uppercase;
  color:var(--teal); font-weight:700; margin-top:10px;
}
.mentor{
  font-family:'Trebuchet MS',sans-serif;
  font-size:11px; letter-spacing:1.5px;
  color:var(--muted); margin-top:6px;
}
.mentor b{ color:var(--ink); font-weight:600; }

.tagline{
  font-family:Georgia,serif;
  color:var(--ink); font-size:14.5px; line-height:1.55;
  text-align:center; max-width:680px; margin-top:14px;
}

.pillars{
  margin-top:12px;
  font-family:'Trebuchet MS',sans-serif; font-size:10.5px; letter-spacing:2px;
  color:var(--gold); font-weight:700; text-transform:uppercase;
}
.pillars span{ color:var(--muted); margin:0 8px; }

.artifacts-label{
  font-family:'Trebuchet MS',sans-serif;
  font-size:9.5px; letter-spacing:2.5px; text-transform:uppercase;
  color:var(--muted); font-weight:700; margin-top:14px;
}
.artifacts{
  margin-top:8px; display:flex; flex-wrap:wrap; justify-content:center;
  gap:6px 7px; max-width:740px;
}
.chip{
  font-family:'Trebuchet MS',sans-serif; font-size:11px;
  color:var(--navy); background:rgba(13,95,111,.08);
  border:1px solid rgba(13,95,111,.28);
  padding:4px 11px; border-radius:20px; white-space:nowrap;
}

.foot{
  margin-top:auto; width:100%;
  display:flex; align-items:flex-end; justify-content:space-between;
  padding-top:12px;
}
.sig{ text-align:center; width:220px; }
.sig-name{ font-family:Georgia,serif; font-size:20px; color:var(--navy); font-style:italic; }
.sig-line{ height:1px; background:var(--navy); opacity:.4; margin:4px 0 6px; }
.sig-role{
  font-family:'Trebuchet MS',sans-serif; font-size:9.5px;
  letter-spacing:1.5px; text-transform:uppercase; color:var(--muted);
}

.meta{ text-align:center; width:220px; }
.meta .cohort{
  font-family:'Trebuchet MS',sans-serif; font-size:11px; letter-spacing:2px;
  text-transform:uppercase; color:var(--teal); font-weight:700;
}
.meta .site{
  font-family:'Trebuchet MS',sans-serif; font-size:9.5px; color:var(--muted);
  margin-top:4px; letter-spacing:1px;
}

.hint{
  max-width:297mm; margin:0 auto 20px; color:#cbd3e0;
  font-family:system-ui,sans-serif; font-size:13px; text-align:center;
}
@media print{ .hint{ display:none; } body{ padding:0;background:#fff;} }