@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap');
:root {--navy:#0a2a4a;--gold:#c9a84c;--gold-light:#e8d5a3;--cream:#faf8f4}
#certificate{font-family:'DM Sans',Arial,sans-serif;background:white;color:#4a4540;max-width:680px;margin:auto;box-shadow:0 12px 50px rgba(10,42,74,.13);overflow:hidden;border-radius:5px}
#certificate *{box-sizing:border-box}

  .cert-header { background: #0a2a4a !important; padding: 22px 36px 18px; display: flex; align-items: center; gap: 18px; }
  .cert-logo { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; background: #fff; flex-shrink: 0; }
  .cert-logo img { width: 100%; height: 100%; object-fit: cover; }
  .cert-header-text h1 { font-family: 'Cormorant Garamond', serif; font-size: 19px; font-weight: 700; color: #c9a84c !important; letter-spacing: 1px; margin-bottom: 3px; }
  .cert-header-text p { font-size: 10px; color: rgba(255,255,255,0.65) !important; line-height: 1.5; }
  .cert-body { padding: 28px 36px; background: white; }
  .cert-title { text-align: center; margin-bottom: 18px; }
  .cert-title h2 { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 700; color: #0a2a4a !important; letter-spacing: 3px; margin-bottom: 4px; }
  .cert-title .cert-sub { font-size: 10px; color: #a09890; letter-spacing: 3px; text-transform: uppercase; }
  .cert-divider { height: 2px; background: linear-gradient(to right, transparent, #c9a84c, transparent) !important; margin: 0 0 20px; }
  .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }
  .info-item { background: #f5f3ef !important; border-radius: 6px; padding: 10px 13px; border-left: 3px solid #c9a84c !important; }
  .info-item .lbl { font-size: 9px; color: #a09890; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; }
  .info-item .val { font-size: 13px; font-weight: 600; color: #0a2a4a !important; }
  .cert-text { font-size: 12px; color: #666; line-height: 1.7; text-align: center; padding: 14px 18px; background: #f5f3ef !important; border-radius: 6px; margin-bottom: 18px; font-style: italic; }
  .payment-box { border: 1.5px solid #c9a84c !important; border-radius: 6px; padding: 14px 18px; margin-bottom: 18px; }
  .payment-box-title { font-size: 10px; text-transform: uppercase; letter-spacing: 2px; color: #c9a84c !important; font-weight: 700; margin-bottom: 12px; }
  .pay-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
  .pay-item .plbl { font-size: 9px; color: #a09890; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 2px; }
  .pay-item .pval { font-size: 12px; font-weight: 700; color: #4a4540; }
  .pay-item .pval.green { color: #1D9E75 !important; }
  .badge-ok { display: inline-block; background: #EAF3DE !important; color: #3B6D11 !important; font-size: 10px; font-weight: 700; padding: 2px 9px; border-radius: 20px; }
  .cert-footer { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 14px; border-top: 1px solid #e8e4dd; }
  .sig-cursive { font-family: 'Cormorant Garamond', serif; font-size: 18px; color: #0a2a4a !important; font-style: italic; margin-bottom: 3px; }
  .sig-line { width: 130px; height: 1px; background: #e8e4dd; margin-bottom: 4px; }
  .sig-name { font-size: 11px; font-weight: 600; color: #4a4540; }
  .sig-role { font-size: 10px; color: #a09890; }
  .cert-bottom { background: #0a2a4a !important; color: rgba(255,255,255,0.6) !important; padding: 9px 36px; display: flex; justify-content: space-between; font-size: 10px; }

.certificate-wrap{background:#f5f3ef;padding:30px 15px;border-radius:12px}
.cert-footer {min-height:78px}.cert-footer .sig-name{margin-top:3px}
@media print{@page{size:A4;margin:12mm}body{background:#fff!important}.side,.top,.noprint,.pageheading,.notice,.actions{display:none!important}.app,.content,.certificate-wrap{display:block!important;width:100%!important;margin:0!important;padding:0!important;background:white!important}#certificate{box-shadow:none!important;max-width:none!important;border-radius:0!important;width:100%!important}#certificate *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.cert-header,.cert-bottom{background:#0a2a4a!important}.info-item,.cert-text{background:#f5f3ef!important}}