/* Mẫu chứng nhận hoàn thành khóa học · khung cố định 1600×1131, thu nhỏ bằng --s cho vừa màn hình */
.cert-box{position:relative;width:100%;overflow:hidden;--s:1;border-radius:10px;box-shadow:0 24px 60px rgba(12,9,7,.18)}
.cert{position:absolute;left:0;top:0;width:1600px;height:1131px;transform:scale(var(--s));transform-origin:0 0;background:#FBF8F2;
  background-image:radial-gradient(900px 520px at 50% 42%,#FFFDF8 0,#FBF8F2 60%,#F4EEE2 100%);color:#0C0907;overflow:hidden;font-family:"Be Vietnam Pro",sans-serif}
.cert>*{position:absolute}
.cert-deco{inset:0;width:100%;height:100%}
.cert-wm{right:110px;top:300px;width:520px;opacity:.055}
.cert-head{top:92px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:30px}
.cert-head img{height:86px}
.cert-head div{border-left:2px solid #C9A24B;padding-left:30px;line-height:1.15}
.cert-head small{display:block;font:700 16px Montserrat,sans-serif;letter-spacing:2.5px;color:#5b534d}
.cert-head b{display:block;font:900 40px Montserrat,sans-serif;letter-spacing:4px;color:#0A5A30}
.cert-title{top:212px;left:0;right:0;text-align:center;font:700 128px/1 "Playfair Display",serif;letter-spacing:12px;color:#0A5A30}
.cert-ribbon{top:362px;left:0;right:0;text-align:center}
.cert-ribbon span{display:inline-block;background:linear-gradient(90deg,#F78C26,#E0370A);color:#fff;font:800 25px Montserrat,sans-serif;letter-spacing:7px;
  padding:11px 70px;clip-path:polygon(0 0,100% 0,96% 50%,100% 100%,0 100%,4% 50%)}
.cert-by{top:432px;left:0;right:0;text-align:center;font:800 22px Montserrat,sans-serif;letter-spacing:9px;color:#1F6E3B}
.cert-intro{top:484px;left:0;right:0;text-align:center;font:italic 500 30px "Playfair Display",serif;color:#4a433e}
.cert-name{top:528px;left:110px;right:110px;height:132px;display:flex;align-items:center;justify-content:center}
.cert-name span{font:italic 700 96px/1.2 "Playfair Display",serif;white-space:nowrap;padding:0 10px;
  background:linear-gradient(90deg,#E0370A,#F78C26 55%,#E0370A);-webkit-background-clip:text;background-clip:text;color:transparent}
.cert-orn{top:664px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;color:#C9A24B;font-size:16px}
.cert-orn i{width:300px;height:1.5px;background:linear-gradient(90deg,transparent,#C9A24B)}
.cert-orn i:last-child{background:linear-gradient(90deg,#C9A24B,transparent)}
.cert-done{top:698px;left:0;right:0;text-align:center;font:500 26px "Be Vietnam Pro",sans-serif;color:#4a433e}
.cert-course{top:742px;left:120px;right:120px;text-align:center;font:900 46px/1.2 Montserrat,sans-serif;color:#0A5A30}
.cert-desc{top:812px;left:0;right:0;text-align:center;font:500 21px "Be Vietnam Pro",sans-serif;color:#6b625b}
.cert-foot{top:846px;left:250px;right:170px;display:grid;grid-template-columns:1fr 200px 1fr;align-items:center}
.cert-meta{display:flex;align-items:center;gap:20px}
.cert-qr{width:130px;height:130px;padding:6px;background:#fff;border:2px solid #C9A24B;border-radius:8px;flex:none}
.cert-qr img,.cert-qr canvas{width:114px!important;height:114px!important;display:block}
.cert-meta span{display:block;font:700 12px Montserrat,sans-serif;letter-spacing:2.5px;color:#8a817c}
.cert-meta b{display:block;font:800 20px Montserrat,sans-serif;color:#0C0907;margin:2px 0 10px;letter-spacing:.5px}
.cert-meta em{display:block;font:italic 500 14px "Be Vietnam Pro",sans-serif;color:#1F6E3B}
.cert-medal{display:flex;justify-content:center}
.cert-medal div{width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle,#0A5A30 0 58%,transparent 59%),conic-gradient(#C9A24B,#F3DFA6,#C9A24B,#E7C77A,#C9A24B);
  box-shadow:0 0 0 6px #FBF8F2,0 0 0 8px #C9A24B,0 10px 24px rgba(10,90,48,.25)}
.cert-medal img{width:46px;margin-bottom:2px}
.cert-medal b{font:900 19px Montserrat,sans-serif;color:#fff;letter-spacing:2px;line-height:1}
.cert-medal small{font:800 10px Montserrat,sans-serif;color:#E7C77A;letter-spacing:4px}
.cert-medal span{font-size:12px;color:#E7C77A;margin-top:3px}
.cert-sign{text-align:center;display:flex;flex-direction:column;align-items:center}
.cert-sign img{width:250px;margin-bottom:-6px}
.cert-sign i{width:290px;height:1.5px;background:#C9A24B;margin-bottom:10px}
.cert-sign b{font:800 21px Montserrat,sans-serif;letter-spacing:1.5px}
.cert-sign span{font:500 15px "Be Vietnam Pro",sans-serif;color:#5b534d;margin-top:2px}
.cert-sign em{font:italic 600 17px "Playfair Display",serif;color:#C9A24B;margin-top:2px}
.cert-bottom{bottom:72px;left:0;right:0;text-align:center;font:500 15px "Be Vietnam Pro",sans-serif;color:#6b625b;letter-spacing:.5px}
.cert-bottom::before,.cert-bottom::after{content:"";display:inline-block;width:90px;height:1px;background:#C9A24B;vertical-align:middle;margin:0 18px}

/* in: chỉ in chứng nhận, vừa A4 ngang */
@page{size:A4 landscape;margin:0}
@media print{
  body *{visibility:hidden}
  .cert-box,.cert-box *{visibility:visible}
  .cert-box{position:fixed;left:0;top:0;width:297mm;box-shadow:none;border-radius:0}
  .site-header,.site-footer{display:none}
  .cert-name span{background:none;color:#E8590F;-webkit-text-fill-color:#E8590F}
  .cert-box{height:210mm!important}
}