@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Playfair+Display:wght@500;700&family=Great+Vibes&display=swap');
:root{--navy:#08264b;--gold:#c69a3a;--ink:#102d50;--paper:#f8f6ef}
*{box-sizing:border-box}.smm-public{margin:0;background:#d8dce1;font-family:'Libre Baskerville',serif}.smm-sheet{width:min(1400px,96vw);aspect-ratio:1.414/1;margin:24px auto;position:relative;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(249,247,239,.97)),var(--smm-bg);background-size:cover;background-position:center;border:1px solid #b48a2e;box-shadow:0 16px 50px rgba(0,0,0,.22);overflow:hidden;color:var(--ink)}.smm-sheet:before{content:'';position:absolute;inset:18px;border:2px solid var(--gold);pointer-events:none}.smm-inner{position:absolute;inset:28px 30px 25px;overflow:hidden;border:1px solid rgba(198,154,58,.6);background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.84));}.smm-inner:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 60%,rgba(160,160,160,.10),transparent 28%),radial-gradient(circle at 86% 52%,rgba(160,160,160,.10),transparent 28%);pointer-events:none}.smm-ribbon{position:absolute;background:var(--navy);color:#e8c878;z-index:2;font-size:15px;line-height:1.45;letter-spacing:2px;text-align:center;font-weight:700}.smm-ribbon-top{right:-125px;top:0;width:390px;height:175px;padding:27px 0;transform:rotate(31deg);clip-path:polygon(0 0,100% 0,100% 100%,32% 100%)}.smm-ribbon-bottom{left:-130px;bottom:0;width:390px;height:170px;padding:55px 0 0;transform:rotate(31deg);clip-path:polygon(0 0,70% 0,100% 100%,0 100%)}.smm-corner{position:absolute;width:42px;height:42px;border-color:var(--gold);z-index:3}.c1{top:4px;left:4px;border-top:3px solid;border-left:3px solid}.c2{top:4px;right:4px;border-top:3px solid;border-right:3px solid}.c3{bottom:4px;left:4px;border-bottom:3px solid;border-left:3px solid}.c4{bottom:4px;right:4px;border-bottom:3px solid;border-right:3px solid}.smm-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:55px;padding:24px 60px 4px}.smm-logo{width:170px;height:170px;object-fit:contain}.smm-logo-placeholder{width:150px;height:150px;border:5px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:700;color:var(--navy);position:relative}.smm-logo-placeholder span{position:absolute;top:-20px;right:4px;color:var(--gold);font-size:30px}.smm-brand{text-align:center;max-width:760px}.smm-brand h1{font-family:'Playfair Display',serif;font-size:43px;line-height:1.05;margin:0 0 16px;color:var(--navy);letter-spacing:.5px}.smm-brand div{font-size:16px;letter-spacing:1.6px;font-weight:700}.smm-main{position:relative;z-index:5;text-align:center;padding:4px 75px}.smm-main h2{font-family:'Playfair Display',serif;font-size:62px;line-height:1;margin:8px 0 8px;color:var(--navy);letter-spacing:2px}.smm-subtitle{display:flex;align-items:center;justify-content:center;gap:17px;color:var(--gold);font-size:25px;letter-spacing:8px;font-weight:700}.smm-subtitle i{display:block;width:75px;height:3px;background:var(--gold)}.smm-certify{font-size:22px;margin:20px 0 6px}.smm-student{font-family:'Great Vibes',cursive;font-size:62px;color:var(--navy);line-height:1.1;min-height:75px}.smm-line{height:2px;background:var(--gold);max-width:690px;margin:2px auto 14px}.smm-body{font-size:20px;line-height:1.35;margin:0}.smm-body strong{font-size:24px}.smm-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:24px auto 16px;max-width:1050px}.smm-meta>div{padding:0 16px;border-right:2px solid rgba(198,154,58,.7)}.smm-meta>div:last-child{border-right:0}.smm-meta span,.smm-meta b{display:block}.smm-meta span{font-size:16px;margin-bottom:6px}.smm-meta b{font-size:17px}.smm-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:35px;max-width:1050px;margin:0 auto}.smm-qr-wrap{text-align:left;display:flex;flex-direction:column;align-items:center}.smm-qr{width:112px;height:112px;background:#fff;border:7px solid #fff;box-shadow:0 0 0 1px #b8a36a,0 5px 18px rgba(8,38,75,.12);display:grid;place-items:center;border-radius:3px;overflow:hidden}.smm-qr img{width:100%;height:100%;display:block;object-fit:contain}.smm-qr-caption{display:flex;flex-direction:column;text-align:center;margin-top:6px}.smm-qr-caption b{font-size:14px;letter-spacing:1px}.smm-qr-caption small{font-size:10px;margin-top:2px}.smm-verified-badge{margin-top:7px;display:inline-flex;align-items:center;gap:5px;border:1px solid #b78b2d;border-radius:999px;padding:4px 10px;background:linear-gradient(180deg,#fff9e7,#f3d98e);color:#6a4b0e;font-size:10px;font-weight:800;letter-spacing:1px}.smm-verified-badge span{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#1f7a3a;color:#fff;font-size:10px}.smm-seal{width:150px;height:150px;margin:auto;border-radius:50%;border:12px double #c79b42;background:radial-gradient(circle,#f9e3a5,#d3a345);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 0 6px rgba(255,255,255,.45)}.smm-seal span{font-size:17px}.smm-seal b{font-size:16px;line-height:1.05}.smm-seal small{font-size:10px;margin-top:7px}.smm-sign{text-align:center}.smm-signature{font-family:'Great Vibes',cursive;font-size:39px;min-height:52px}.smm-sign-line{height:2px;background:var(--gold);margin:0 auto 6px;width:250px}.smm-sign b{display:block;font-size:14px}.smm-sign small{display:block;font-size:12px;margin-top:4px}.smm-inner footer{position:absolute;z-index:6;bottom:0;left:0;right:0;background:linear-gradient(90deg,#d8b15b,#f3dc9e,#d8b15b);color:#604515;text-align:center;padding:8px;font-size:14px;letter-spacing:2px;font-weight:700}.smm-print-actions{text-align:center;margin:15px}.smm-print-actions button{background:var(--navy);color:#fff;border:0;padding:11px 18px;border-radius:5px;font-weight:700;cursor:pointer}.smm-verify-box{max-width:700px;margin:60px auto;padding:35px;background:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.12);font-family:Arial,sans-serif}.smm-verify-title{font-size:30px;font-weight:800;color:var(--navy);margin-bottom:20px}.smm-verify-box form{display:flex;gap:10px}.smm-verify-box input{flex:1;padding:14px;border:1px solid #ccd3dc;border-radius:6px}.smm-verify-box button{background:var(--navy);color:#fff;border:0;padding:0 20px;border-radius:6px;font-weight:700}.smm-verified,.smm-invalid{margin-top:22px;padding:18px;border-radius:8px}.smm-verified{background:#effaf1;border:1px solid #bfe3c5;color:#174b22}.smm-verified>*{display:block;margin:4px 0}.smm-verified a{color:var(--navy);font-weight:700}.smm-invalid{background:#fff2f2;border:1px solid #efcaca;color:#8b2222}
@media(max-width:900px){.smm-sheet{width:98vw}.smm-header{gap:15px;padding:15px 25px}.smm-logo{width:100px;height:100px}.smm-brand h1{font-size:27px}.smm-brand div{font-size:9px}.smm-main{padding:0 35px}.smm-main h2{font-size:42px}.smm-subtitle{font-size:16px;letter-spacing:4px}.smm-certify{font-size:15px;margin:10px 0 2px}.smm-student{font-size:42px}.smm-body{font-size:13px}.smm-body strong{font-size:15px}.smm-meta{margin:12px auto}.smm-meta span,.smm-meta b{font-size:10px}.smm-bottom{gap:10px}.smm-seal{width:90px;height:90px}.smm-seal b{font-size:10px}.smm-qr{width:75px;height:75px}.smm-signature{font-size:25px}.smm-sign-line{width:150px}.smm-sign b{font-size:9px}.smm-sign small,.smm-qr-wrap small{font-size:7px}.smm-ribbon{font-size:8px}}
@media print{@page{size:A4 landscape;margin:0}.smm-public{background:#fff}.smm-sheet{width:100vw;height:100vh;aspect-ratio:auto;margin:0;box-shadow:none}.smm-print-actions{display:none}}

.smm-verified-icon{width:58px;height:58px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:linear-gradient(145deg,#2d9a4f,#126b2e);color:#fff;border:5px solid #e6f4e8;box-shadow:0 0 0 2px #2d9a4f,0 8px 20px rgba(18,107,46,.18);font-size:30px;font-family:Arial,sans-serif;font-weight:900}.smm-verified-icon-small{width:42px;height:42px;border-width:3px;font-size:22px;display:grid;margin:0 0 7px}.smm-verified{position:relative;text-align:center}.smm-verify-page{min-height:100vh;padding:50px 20px;background:linear-gradient(135deg,#eef2f7,#fffdf5);font-family:Arial,sans-serif}.smm-verify-brand{max-width:900px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--navy)}.smm-verify-brand img{width:90px;height:90px;object-fit:contain}.smm-verify-brand div{display:flex;flex-direction:column}.smm-verify-brand strong{font-family:'Playfair Display',serif;font-size:25px}.smm-verify-brand span{font-size:11px;letter-spacing:2px;color:#8a6a25;margin-top:5px}.smm-verified-card,.smm-invalid-card{max-width:760px;margin:0 auto;background:#fff;border-radius:18px;padding:42px;text-align:center;box-shadow:0 18px 60px rgba(8,38,75,.14);border:1px solid rgba(198,154,58,.45)}.smm-verified-label{font-size:12px;font-weight:900;letter-spacing:3px;color:#25733c;margin-bottom:12px}.smm-verified-card h1{font-family:'Playfair Display',serif;color:var(--navy);font-size:42px;margin:0 0 8px}.smm-verified-card>p{font-size:20px;color:#465466;margin:0 0 26px}.smm-verify-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e6dfce;border-bottom:1px solid #e6dfce;margin:20px 0 28px}.smm-verify-grid span{padding:15px 8px;border-right:1px solid #e6dfce;font-size:11px;color:#7a6a4a}.smm-verify-grid span:last-child{border-right:0}.smm-verify-grid b{display:block;color:var(--navy);font-size:13px;margin-top:5px}.smm-view-btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;padding:13px 24px;border-radius:7px;font-weight:800}.smm-invalid-card{border-color:#efcaca}.smm-invalid-icon{width:58px;height:58px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:#a83232;color:#fff;font-size:30px;font-weight:900}.smm-invalid-card h1{color:#8b2222;margin:0 0 8px}.smm-invalid-card p{color:#667085}.smm-invalid-card strong{color:#8b2222}.smm-qr-error:after{content:'QR';font-size:22px;font-weight:800;color:var(--navy)}
@media(max-width:700px){.smm-verify-grid{grid-template-columns:repeat(2,1fr)}.smm-verify-grid span:nth-child(2){border-right:0}.smm-verify-brand strong{font-size:18px}.smm-verified-card,.smm-invalid-card{padding:28px 18px}.smm-verified-card h1{font-size:30px}}

/* v1.3.0 — clean responsive corner panels and print-safe certificate view */
.smm-certificate-wrap{width:100%;max-width:1400px;margin:24px auto}
.smm-sheet{isolation:isolate}
.smm-corner-panel{position:absolute;z-index:4;pointer-events:none;color:#e8c878;background:#08264b;overflow:hidden;box-shadow:0 8px 22px rgba(8,38,75,.16)}
.smm-corner-panel:after{content:"";position:absolute;inset:0;border:1px solid rgba(232,200,120,.75);pointer-events:none}
.smm-panel-top{top:0;right:0;width:285px;height:155px;clip-path:polygon(27% 0,100% 0,100% 100%,0 0);background:#08264b}
.smm-panel-top span{position:absolute;right:20px;top:25px;width:125px;text-align:center;font-size:11px;line-height:1.45;letter-spacing:1.8px;font-weight:700;transform:rotate(0deg)}
.smm-panel-bottom{left:0;bottom:0;width:315px;height:155px;clip-path:polygon(0 0,100% 100%,0 100%);background:#08264b}
.smm-panel-bottom span{position:absolute;left:22px;bottom:17px;width:205px;text-align:center;font-size:11px;line-height:1.45;letter-spacing:1.5px;font-weight:700}
.smm-panel-top span,.smm-panel-bottom span{z-index:2}
/* Keep certificate content above the decorative corner panels, while preserving the frame. */
.smm-header,.smm-main{z-index:6}
.smm-print-actions{position:relative;z-index:20;display:flex;justify-content:center;align-items:center;margin:14px 0 0;padding:0}
.smm-print-actions button{font-family:Arial,sans-serif;font-size:14px;box-shadow:0 6px 18px rgba(8,38,75,.16)}
@media(max-width:900px){
  .smm-certificate-wrap{width:98vw;margin:12px auto}
  .smm-sheet{width:100%;margin:0}
  .smm-panel-top{width:170px;height:92px}
  .smm-panel-top span{right:8px;top:14px;width:78px;font-size:6.5px;line-height:1.35;letter-spacing:1px}
  .smm-panel-bottom{width:185px;height:92px}
  .smm-panel-bottom span{left:10px;bottom:10px;width:125px;font-size:6.5px;line-height:1.35;letter-spacing:.8px}
  .smm-header{padding-top:14px}
}
@media(max-width:560px){
  .smm-certificate-wrap{width:100%;margin:8px auto}
  .smm-sheet{border-width:1px}
  .smm-sheet:before{inset:9px;border-width:1px}
  .smm-inner{inset:15px 16px 15px}
  .smm-panel-top{width:125px;height:68px}
  .smm-panel-top span{right:5px;top:9px;width:58px;font-size:5px;letter-spacing:.7px}
  .smm-panel-bottom{width:140px;height:68px}
  .smm-panel-bottom span{left:7px;bottom:7px;width:96px;font-size:5px;letter-spacing:.5px}
  .smm-print-actions{margin-top:10px}
}
@media print{
  html,body{background:#fff!important;margin:0!important;padding:0!important}
  .smm-certificate-wrap{width:100vw;max-width:none;margin:0}
  .smm-sheet{width:100vw!important;height:100vh!important;margin:0!important;box-shadow:none!important}
  .smm-print-actions{display:none!important}
}

/* v1.4.0 — verified status animation; View Certificate removed */
.smm-verified-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-4px auto 20px}
.smm-verified-icon-animated{position:relative;animation:smmVerifyPop .65s cubic-bezier(.2,.9,.25,1.2) both,smmVerifyPulse 2.2s ease-in-out .8s infinite}
.smm-verified-icon-animated:after{content:"";position:absolute;inset:-10px;border:2px solid rgba(45,154,79,.28);border-radius:50%;animation:smmVerifyRing 2s ease-out .6s infinite}
.smm-verified-status{margin-top:10px;display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:999px;background:#effaf1;border:1px solid #bfe3c5;color:#23713a;font-size:12px;font-weight:900;letter-spacing:2px;box-shadow:0 5px 16px rgba(35,113,58,.10)}
.smm-verified-status span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#258b45;color:#fff;font-size:12px}
@keyframes smmVerifyPop{0%{opacity:0;transform:scale(.45)}70%{opacity:1;transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes smmVerifyPulse{0%,100%{box-shadow:0 0 0 2px #2d9a4f,0 8px 20px rgba(18,107,46,.18)}50%{box-shadow:0 0 0 7px rgba(45,154,79,.10),0 12px 30px rgba(18,107,46,.25)}}
@keyframes smmVerifyRing{0%{opacity:.8;transform:scale(.85)}80%,100%{opacity:0;transform:scale(1.35)}}
@media(prefers-reduced-motion:reduce){.smm-verified-icon-animated,.smm-verified-icon-animated:after{animation:none!important}}

/* v1.5.0 — reference-matched certificate artwork */
.smm-sheet{
  background-image:var(--smm-bg, url('../assets/certificate-background.png')) !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:#f8f6ef !important;
}
.smm-inner{
  background:transparent !important;
  border:1px solid rgba(198,154,58,.72) !important;
}
.smm-inner:after{display:none !important}
.smm-header{padding:22px 55px 2px;gap:58px;align-items:center}
.smm-logo{width:178px;height:178px;object-fit:contain}
.smm-brand{max-width:760px;margin-top:3px}
.smm-brand h1{font-size:42px;line-height:1.06;margin:0 0 13px;letter-spacing:.2px}
.smm-brand div{font-size:15px;letter-spacing:1.45px}
.smm-main{padding:0 74px}
.smm-main h2{font-size:61px;margin:8px 0 7px}
.smm-subtitle{font-size:24px;letter-spacing:7px;gap:15px}
.smm-certify{font-size:21px;margin:17px 0 4px}
.smm-student{font-size:61px;min-height:73px}
.smm-line{max-width:690px;margin:1px auto 12px}
.smm-body{font-size:19px;line-height:1.3}
.smm-body strong{font-size:23px}
.smm-meta{margin:20px auto 13px;max-width:1050px}
.smm-meta>div{padding:0 15px}
.smm-meta span{font-size:15px}
.smm-meta b{font-size:16px}
.smm-bottom{max-width:1050px;gap:28px}
.smm-qr{width:112px;height:112px}
.smm-seal{width:142px;height:142px}
.smm-signature{font-size:38px}
.smm-sign-line{width:245px}
.smm-inner footer{padding:8px 12px 9px;font-size:14px;letter-spacing:2.1px}

/* The navy/gold corner shapes now come from the supplied reference artwork.
   Only the wording is rendered as live HTML, so it never overlaps certificate content. */
.smm-deco-text{position:absolute;z-index:8;pointer-events:none;color:#e8c878;font-family:'Libre Baskerville',serif;font-weight:700;text-align:center}
.smm-deco-top{top:28px;right:34px;width:170px;font-size:11px;line-height:1.45;letter-spacing:1.8px}
.smm-deco-bottom{left:22px;bottom:30px;width:275px;font-size:11px;line-height:1.45;letter-spacing:1.45px}
.smm-corner-panel{display:none !important}

@media(max-width:900px){
 .smm-header{padding:15px 25px 2px;gap:16px}
 .smm-logo{width:105px;height:105px}
 .smm-brand h1{font-size:27px;margin-bottom:9px}
 .smm-brand div{font-size:9px;letter-spacing:1px}
 .smm-main{padding:0 35px}
 .smm-main h2{font-size:42px}
 .smm-subtitle{font-size:16px;letter-spacing:4px}
 .smm-certify{font-size:15px;margin:10px 0 2px}
 .smm-student{font-size:42px;min-height:50px}
 .smm-body{font-size:13px}.smm-body strong{font-size:15px}
 .smm-meta{margin:12px auto 9px}.smm-meta span,.smm-meta b{font-size:10px}
 .smm-bottom{gap:10px}.smm-seal{width:90px;height:90px}.smm-seal b{font-size:10px}.smm-qr{width:75px;height:75px}
 .smm-signature{font-size:25px}.smm-sign-line{width:150px}.smm-sign b{font-size:9px}.smm-sign small,.smm-qr-wrap small{font-size:7px}
 .smm-inner footer{font-size:8px;letter-spacing:1px;padding:5px 4px}
 .smm-deco-top{top:14px;right:8px;width:78px;font-size:6.5px;line-height:1.35;letter-spacing:1px}
 .smm-deco-bottom{left:8px;bottom:11px;width:130px;font-size:6px;line-height:1.35;letter-spacing:.7px}
}
@media(max-width:560px){
 .smm-sheet{width:100%;border-width:1px}
 .smm-sheet:before{inset:9px;border-width:1px}
 .smm-inner{inset:15px 16px 15px}
 .smm-header{padding:12px 16px 0;gap:8px}
 .smm-logo{width:82px;height:82px}
 .smm-brand h1{font-size:21px;line-height:1.04;margin-bottom:6px}
 .smm-brand div{font-size:6.8px;letter-spacing:.65px}
 .smm-main{padding:0 18px}
 .smm-main h2{font-size:32px;margin:4px 0}
 .smm-subtitle{font-size:10px;letter-spacing:2.5px;gap:7px}.smm-subtitle i{width:32px;height:2px}
 .smm-certify{font-size:10px;margin:7px 0 0}.smm-student{font-size:31px;min-height:36px}
 .smm-line{margin:0 auto 5px}.smm-body{font-size:8px}.smm-body strong{font-size:10px}
 .smm-meta{margin:8px auto 6px}.smm-meta>div{padding:0 5px}.smm-meta span,.smm-meta b{font-size:6.7px}
 .smm-bottom{gap:4px}.smm-seal{width:58px;height:58px;border-width:6px}.smm-seal b{font-size:6px}.smm-seal span{font-size:8px}.smm-seal small{font-size:5px;margin-top:3px}
 .smm-qr{width:52px;height:52px;border-width:4px}.smm-qr-caption b{font-size:6px}.smm-qr-caption small{font-size:4.5px}.smm-verified-badge{font-size:5px;padding:2px 5px}.smm-verified-badge span{width:9px;height:9px;font-size:6px}
 .smm-signature{font-size:17px;min-height:23px}.smm-sign-line{width:95px;height:1px}.smm-sign b{font-size:6px}.smm-sign small{font-size:4.5px}
 .smm-inner footer{font-size:5px;letter-spacing:.55px;padding:3px 2px}
 .smm-deco-top{top:9px;right:4px;width:58px;font-size:4.8px;line-height:1.3;letter-spacing:.55px}
 .smm-deco-bottom{left:5px;bottom:7px;width:100px;font-size:4.4px;line-height:1.3;letter-spacing:.4px}
}

/* v1.6.0 — clean structural background + restored View Certificate action */
.smm-sheet{background-image:var(--smm-bg, url('../assets/certificate-background-clean.png')) !important;background-color:#f9f8f3 !important;}
/* The clean artwork contains only the industrial side photography and frame. Decorative corner panels are live CSS. */
.smm-deco-text{z-index:2 !important;color:#e8c878 !important;text-shadow:0 1px 1px rgba(0,0,0,.12)}
.smm-deco-top,.smm-deco-bottom{background:#08264b;overflow:hidden;box-shadow:0 3px 12px rgba(8,38,75,.12)}
.smm-deco-top:before,.smm-deco-bottom:before{content:"";position:absolute;inset:0;border:1px solid rgba(232,200,120,.8);pointer-events:none}
.smm-deco-top{top:0;right:0;width:31%;height:22%;clip-path:polygon(18% 0,100% 0,100% 100%,0 0);padding:24px 18px 10px 30%}
.smm-deco-top span{position:relative;display:block;width:100%;font-size:11px;line-height:1.45;letter-spacing:1.6px}
.smm-deco-bottom{left:0;bottom:0;width:29%;height:23%;clip-path:polygon(0 0,100% 100%,0 100%);padding:47% 6% 7% 7%;}
.smm-deco-bottom span{position:relative;display:block;width:90%;font-size:10px;line-height:1.45;letter-spacing:1.2px}
.smm-header,.smm-main{z-index:5 !important}
.smm-inner footer{z-index:7 !important}
.smm-verify-actions{display:flex;justify-content:center;margin-top:6px}
.smm-view-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:205px;padding:13px 24px !important;border-radius:9px !important;background:linear-gradient(135deg,#08264b,#123c70) !important;color:#fff !important;text-decoration:none !important;font-size:14px;font-weight:800;letter-spacing:.2px;box-shadow:0 10px 24px rgba(8,38,75,.18);transition:transform .18s ease,box-shadow .18s ease}
.smm-view-btn:before{content:'▣';font-size:13px;color:#e8c878}
.smm-view-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(8,38,75,.25)}
@media(max-width:900px){
 .smm-deco-top{width:31%;height:22%;padding:14px 7px 6px 30%}
 .smm-deco-top span{font-size:6.5px;letter-spacing:.8px}
 .smm-deco-bottom{width:29%;height:23%;padding:43% 4% 5% 6%}
 .smm-deco-bottom span{font-size:5.8px;letter-spacing:.55px}
 .smm-view-btn{min-width:190px;padding:12px 18px !important;font-size:13px}
}
@media(max-width:560px){
 .smm-deco-top{width:31%;height:22%;padding:13px 4px 4px 28%}
 .smm-deco-top span{font-size:4.7px;letter-spacing:.4px}
 .smm-deco-bottom{width:29%;height:23%;padding:43% 3% 4% 5%}
 .smm-deco-bottom span{font-size:4.1px;letter-spacing:.25px}
 .smm-view-btn{min-width:175px;padding:11px 15px !important;font-size:12px}
}

/* v1.7.0 — professional View Certificate action on shortcode verification results */
.smm-verified-kicker{display:block;margin:2px 0 7px;color:#23713a;font-size:11px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase}
.smm-verify-view-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:15px auto 0;min-width:190px;padding:12px 22px;border-radius:9px;background:linear-gradient(135deg,#08264b,#123c70);color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:800;box-shadow:0 8px 22px rgba(8,38,75,.18);transition:transform .18s ease,box-shadow .18s ease}
.smm-verify-view-btn:before{content:'▣';color:#e8c878;font-size:13px}
.smm-verify-view-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(8,38,75,.25)}
.smm-verified{padding:25px 20px!important}
@media(max-width:560px){.smm-verify-view-btn{min-width:175px;padding:11px 16px;font-size:12px}.smm-verified-kicker{font-size:9px;letter-spacing:1.8px}}


/* v1.8.0 — final clean certificate artwork: no duplicated/old certificate text */
.smm-sheet{background-image:var(--smm-bg, url('../assets/certificate-background-professional.png')) !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;background-color:red !important;}
.smm-deco-text,.smm-corner-panel{display:none !important;}
.smm-inner{background:rgba(255,255,255,.72) !important;}
.smm-inner:after{background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.08),rgba(255,255,255,.18)) !important;}
@media print{.smm-sheet{background-size:100% 100% !important;} .smm-inner{background:rgba(255,255,255,.72) !important;}}


/* v1.9.0 — premium single-layer certificate canvas.
   The artwork is a clean background only; all live certificate text is rendered once by HTML.
   No translucent white card is placed over the artwork, preventing the “certificate on certificate” look. */
.smm-certificate-wrap{max-width:1500px;margin:24px auto;padding:0 10px}
.smm-sheet{
  width:100%;
  aspect-ratio:1.5/1;
  background-image:var(--smm-bg, url('../assets/certificate-background-professional.png')) !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:#f8f7f2 !important;
  border:1px solid #b88d35 !important;
  box-shadow:0 18px 48px rgba(8,38,75,.18) !important;
  overflow:hidden !important;
}
.smm-sheet:before{inset:13px !important;border:1px solid rgba(198,154,58,.9) !important;z-index:1 !important}
.smm-inner{
  position:absolute !important;
  inset:28px 30px 24px !important;
  border:0 !important;
  background:transparent !important;
  overflow:hidden !important;
  z-index:2 !important;
}
.smm-inner:after{display:none !important}
.smm-corner{z-index:10 !important}
.smm-header{z-index:20 !important;padding:24px 70px 2px !important}
.smm-main{z-index:20 !important;padding:0 78px !important}
.smm-inner footer{z-index:30 !important}
.smm-print-actions{position:relative;z-index:50}
@media(max-width:900px){
  .smm-certificate-wrap{width:100%;margin:10px auto;padding:0 5px}
  .smm-sheet{aspect-ratio:1.5/1 !important}
  .smm-inner{inset:17px 18px 15px !important}
  .smm-header{padding:14px 28px 2px !important}
  .smm-main{padding:0 36px !important}
}
@media(max-width:560px){
  .smm-certificate-wrap{padding:0}
  .smm-sheet{aspect-ratio:1.5/1 !important}
  .smm-inner{inset:11px 12px 10px !important}
  .smm-header{padding:10px 17px 0 !important}
  .smm-main{padding:0 19px !important}
}
@media print{
  .smm-certificate-wrap{width:100vw !important;max-width:none !important;margin:0 !important;padding:0 !important}
  .smm-sheet{width:100vw !important;height:auto !important;aspect-ratio:1.5/1 !important;box-shadow:none !important;background-size:100% 100% !important}
  .smm-inner{background:transparent !important}
}

/* v2.0.0 — premium trust / partner mark strip */
.smm-trust-strip{position:relative;z-index:25;margin:0 auto 4px;padding:6px 16px 5px;border-top:1px solid rgba(184,141,53,.55);background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(247,239,215,.68));}
.smm-trust-title{text-align:center;font-family:Arial,sans-serif;font-size:7px;font-weight:800;letter-spacing:1.55px;color:#7c632f;margin-bottom:4px}
.smm-trust-marks{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap}
.smm-trust-mark{height:27px;min-width:58px;padding:3px 8px;border:1px solid rgba(184,141,53,.55);border-radius:5px;background:rgba(255,255,255,.88);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 7px rgba(8,38,75,.08)}
.smm-trust-mark img{display:block;max-width:76px;max-height:21px;width:auto;height:auto;object-fit:contain}
.smm-trust-mark span{font-family:Arial,sans-serif;font-size:9px;font-weight:900;letter-spacing:.4px;color:#16395f;white-space:nowrap}
.smm-trusted-badge{gap:4px;border-color:#2c7a45;background:linear-gradient(180deg,#fff,#eef8f0)}
.smm-trusted-badge span{width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#2f8a4d;color:#fff;font-size:9px}
.smm-trusted-badge b{font-family:Arial,sans-serif;font-size:7px;letter-spacing:.35px;color:#24663a;white-space:nowrap}
@media(max-width:900px){.smm-trust-strip{padding:4px 8px 3px}.smm-trust-title{font-size:5.5px;letter-spacing:1px;margin-bottom:3px}.smm-trust-marks{gap:4px}.smm-trust-mark{height:21px;min-width:43px;padding:2px 5px}.smm-trust-mark img{max-width:56px;max-height:16px}.smm-trust-mark span{font-size:6.5px}.smm-trusted-badge span{width:10px;height:10px;font-size:6px}.smm-trusted-badge b{font-size:5.2px}}
@media(max-width:560px){.smm-trust-strip{padding:3px 3px 2px}.smm-trust-title{font-size:4px;letter-spacing:.55px;margin-bottom:2px}.smm-trust-marks{gap:2px}.smm-trust-mark{height:15px;min-width:30px;padding:1px 3px;border-radius:3px}.smm-trust-mark img{max-width:38px;max-height:12px}.smm-trust-mark span{font-size:4.3px}.smm-trusted-badge{gap:2px}.smm-trusted-badge span{width:7px;height:7px;font-size:4px}.smm-trusted-badge b{font-size:3.7px}}
@media print{.smm-trust-strip{background:rgba(255,255,255,.9)!important;box-shadow:none}.smm-trust-mark{box-shadow:none}}

/* v2.1.0 — demo-matched premium partner logo rail.
   Built-in marks are bundled locally so the logos/marks render without external image dependencies. */
.smm-main{padding-bottom:64px !important}
.smm-trust-strip{
  position:absolute !important;
  left:64px !important;
  right:64px !important;
  bottom:28px !important;
  z-index:45 !important;
  margin:0 !important;
  padding:4px 10px 3px !important;
  border-top:1px solid rgba(129,92,24,.55) !important;
  border-bottom:1px solid rgba(129,92,24,.55) !important;
  background:linear-gradient(90deg,rgba(214,171,82,.94),rgba(247,220,153,.97),rgba(214,171,82,.94)) !important;
  box-shadow:0 3px 12px rgba(70,45,8,.10) !important;
}
.smm-trust-title{
  text-align:center !important;
  font-family:'Libre Baskerville',serif !important;
  font-size:6px !important;
  font-weight:700 !important;
  letter-spacing:1.3px !important;
  color:#6a4b12 !important;
  margin:0 0 3px !important;
}
.smm-trust-marks{display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;flex-wrap:nowrap !important}
.smm-trust-mark{
  height:31px !important;
  min-width:104px !important;
  padding:2px 5px !important;
  border:1px solid rgba(111,78,17,.34) !important;
  border-radius:4px !important;
  background:rgba(255,255,255,.94) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 1px 4px rgba(8,38,75,.08) !important;
  overflow:hidden !important;
}
.smm-trust-mark img{display:block !important;width:auto !important;height:26px !important;max-width:100px !important;max-height:26px !important;object-fit:contain !important}
.smm-trust-mark>span{font-family:Arial,sans-serif !important;font-size:10px !important;font-weight:900 !important;color:#16395f !important;white-space:nowrap !important}
.smm-trusted-badge{gap:4px !important;border-color:#2c7a45 !important;background:linear-gradient(180deg,#fff,#eef8f0) !important}
.smm-trusted-badge span{width:16px !important;height:16px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:#2f8a4d !important;color:#fff !important;font-size:10px !important}
.smm-trusted-badge b{font-family:Arial,sans-serif !important;font-size:8px !important;letter-spacing:.3px !important;color:#24663a !important;white-space:nowrap !important}
@media(max-width:900px){
 .smm-main{padding-bottom:48px !important}
 .smm-trust-strip{left:34px !important;right:34px !important;bottom:19px !important;padding:3px 5px 2px !important}
 .smm-trust-title{font-size:4.3px !important;letter-spacing:.8px !important;margin-bottom:2px !important}
 .smm-trust-marks{gap:3px !important}
 .smm-trust-mark{height:22px !important;min-width:64px !important;padding:1px 2px !important;border-radius:3px !important}
 .smm-trust-mark img{height:18px !important;max-width:60px !important;max-height:18px !important}
 .smm-trust-mark>span{font-size:5.8px !important}
 .smm-trusted-badge{gap:2px !important}
 .smm-trusted-badge span{width:10px !important;height:10px !important;font-size:6px !important}
 .smm-trusted-badge b{font-size:5px !important}
}
@media(max-width:560px){
 .smm-main{padding-bottom:38px !important}
 .smm-trust-strip{left:16px !important;right:16px !important;bottom:13px !important;padding:2px 2px 1px !important}
 .smm-trust-title{font-size:3.1px !important;letter-spacing:.45px !important;margin-bottom:1px !important}
 .smm-trust-marks{gap:2px !important}
 .smm-trust-mark{height:16px !important;min-width:45px !important;padding:1px !important;border-radius:2px !important}
 .smm-trust-mark img{height:13px !important;max-width:42px !important;max-height:13px !important}
 .smm-trust-mark>span{font-size:4px !important}
 .smm-trusted-badge{gap:1px !important}
 .smm-trusted-badge span{width:7px !important;height:7px !important;font-size:4px !important}
 .smm-trusted-badge b{font-size:3.6px !important}
}
@media print{
 .smm-trust-strip{background:linear-gradient(90deg,#d6ab52,#f7dc99,#d6ab52) !important;box-shadow:none !important}
 .smm-trust-mark{box-shadow:none !important}
}

/* v2.2.0 — reference-layout lock: preserve the supplied certificate proportions and keep the trust rail below QR/seal/signature. */
.smm-certificate-wrap{max-width:1536px !important;margin:18px auto !important;padding:0 6px !important}
.smm-sheet{aspect-ratio:1536/1088 !important;background-size:100% 100% !important;background-position:center center !important}
.smm-inner{inset:20px 20px 18px !important}
.smm-header{display:flex !important;align-items:flex-start !important;justify-content:center !important;gap:34px !important;padding:20px 62px 0 !important}
.smm-logo{width:150px !important;height:150px !important;margin-top:0 !important}
.smm-brand{padding-top:7px !important;max-width:780px !important}
.smm-brand h1{font-size:42px !important;line-height:1.02 !important;margin:0 0 13px !important;letter-spacing:.2px !important}
.smm-brand div{font-size:15px !important;letter-spacing:1.35px !important}
.smm-main{padding:0 70px 0 !important;margin-top:-1px !important}
.smm-main h2{font-size:60px !important;margin:5px 0 5px !important;line-height:1 !important}
.smm-subtitle{font-size:23px !important;letter-spacing:7px !important;gap:16px !important}
.smm-subtitle i{width:66px !important;height:3px !important}
.smm-certify{font-size:20px !important;margin:15px 0 3px !important}
.smm-student{font-size:60px !important;min-height:67px !important}
.smm-line{max-width:700px !important;margin:0 auto 11px !important}
.smm-body{font-size:18px !important;line-height:1.28 !important}
.smm-body strong{font-size:23px !important}
.smm-meta{margin:19px auto 8px !important;max-width:1080px !important}
.smm-meta>div{padding:0 16px !important}
.smm-meta span{font-size:15px !important;margin-bottom:5px !important}
.smm-meta b{font-size:16px !important}
.smm-bottom{max-width:1080px !important;gap:24px !important;margin:0 auto 58px !important;align-items:end !important}
.smm-qr{width:112px !important;height:112px !important}
.smm-qr-caption b{font-size:13px !important}
.smm-qr-caption small{font-size:9px !important}
.smm-seal{width:132px !important;height:132px !important}
.smm-signature{font-size:38px !important}
.smm-sign-line{width:245px !important}
.smm-sign b{font-size:13px !important}
.smm-sign small{font-size:11px !important}
.smm-inner footer{padding:7px 12px 8px !important;font-size:13px !important;letter-spacing:2px !important;height:30px !important}
.smm-trust-strip{left:350px !important;right:20px !important;bottom:31px !important;padding:3px 7px 2px !important}
.smm-trust-title{font-size:5.5px !important;letter-spacing:1px !important;margin-bottom:2px !important}
.smm-trust-marks{gap:6px !important}
.smm-trust-mark{height:30px !important;min-width:108px !important;padding:2px 5px !important}
.smm-trust-mark img{height:25px !important;max-width:100px !important;max-height:25px !important}
.smm-trusted-badge span{width:15px !important;height:15px !important;font-size:9px !important}
.smm-trusted-badge b{font-size:8px !important}

@media(max-width:900px){
 .smm-certificate-wrap{width:100% !important;margin:8px auto !important;padding:0 2px !important}
 .smm-sheet{aspect-ratio:1536/1088 !important}
 .smm-inner{inset:13px 14px 12px !important}
 .smm-header{gap:13px !important;padding:13px 22px 0 !important}
 .smm-logo{width:92px !important;height:92px !important}
 .smm-brand{padding-top:4px !important}
 .smm-brand h1{font-size:26px !important;margin-bottom:7px !important}
 .smm-brand div{font-size:8.5px !important;letter-spacing:.7px !important}
 .smm-main{padding:0 30px !important}
 .smm-main h2{font-size:41px !important;margin:3px 0 !important}
 .smm-subtitle{font-size:14px !important;letter-spacing:3.4px !important;gap:7px !important}
 .smm-subtitle i{width:38px !important;height:2px !important}
 .smm-certify{font-size:14px !important;margin:8px 0 1px !important}
 .smm-student{font-size:40px !important;min-height:45px !important}
 .smm-line{margin-bottom:5px !important}
 .smm-body{font-size:12px !important}.smm-body strong{font-size:14px !important}
 .smm-meta{margin:10px auto 6px !important}.smm-meta>div{padding:0 7px !important}.smm-meta span,.smm-meta b{font-size:9px !important}
 .smm-bottom{gap:8px !important;margin-bottom:38px !important}
 .smm-qr{width:72px !important;height:72px !important}.smm-qr-caption b{font-size:8px !important}.smm-qr-caption small{font-size:5.5px !important}
 .smm-seal{width:82px !important;height:82px !important;border-width:7px !important}.smm-seal b{font-size:9px !important}.smm-seal span{font-size:10px !important}.smm-seal small{font-size:6px !important}
 .smm-signature{font-size:24px !important}.smm-sign-line{width:145px !important}.smm-sign b{font-size:8px !important}.smm-sign small{font-size:6px !important}
 .smm-inner footer{height:21px !important;font-size:7px !important;letter-spacing:.9px !important;padding:4px 3px !important}
 .smm-trust-strip{left:240px !important;right:14px !important;bottom:22px !important;padding:2px 4px 1px !important}
 .smm-trust-title{font-size:3.8px !important;letter-spacing:.55px !important}
 .smm-trust-marks{gap:3px !important}.smm-trust-mark{height:20px !important;min-width:61px !important;padding:1px 2px !important}.smm-trust-mark img{height:17px !important;max-width:57px !important}.smm-trusted-badge span{width:9px !important;height:9px !important;font-size:5px !important}.smm-trusted-badge b{font-size:4.5px !important}
}
@media(max-width:560px){
 .smm-inner{inset:9px 10px 9px !important}
 .smm-header{gap:7px !important;padding:8px 10px 0 !important}
 .smm-logo{width:68px !important;height:68px !important}
 .smm-brand{padding-top:2px !important}.smm-brand h1{font-size:18px !important;margin-bottom:4px !important}.smm-brand div{font-size:5.5px !important;letter-spacing:.45px !important}
 .smm-main{padding:0 15px !important}.smm-main h2{font-size:28px !important}.smm-subtitle{font-size:8px !important;letter-spacing:1.8px !important;gap:4px !important}.smm-subtitle i{width:24px !important;height:1px !important}
 .smm-certify{font-size:8px !important;margin:5px 0 0 !important}.smm-student{font-size:27px !important;min-height:31px !important}.smm-body{font-size:6.7px !important}.smm-body strong{font-size:8.2px !important}.smm-line{margin-bottom:3px !important}
 .smm-meta{margin:6px auto 4px !important}.smm-meta>div{padding:0 3px !important}.smm-meta span,.smm-meta b{font-size:5.2px !important}
 .smm-bottom{gap:2px !important;margin-bottom:25px !important}.smm-qr{width:45px !important;height:45px !important;border-width:3px !important}.smm-qr-caption{margin-top:3px !important}.smm-qr-caption b{font-size:4.3px !important}.smm-qr-caption small{font-size:3.2px !important}.smm-verified-badge{display:none !important}
 .smm-seal{width:53px !important;height:53px !important;border-width:5px !important}.smm-seal b{font-size:5.5px !important}.smm-seal span{font-size:6px !important}.smm-seal small{font-size:3.5px !important;margin-top:2px !important}
 .smm-signature{font-size:15px !important;min-height:19px !important}.smm-sign-line{width:88px !important}.smm-sign b{font-size:4.7px !important}.smm-sign small{font-size:3.3px !important}
 .smm-inner footer{height:15px !important;font-size:4px !important;letter-spacing:.4px !important;padding:3px 1px !important}
 .smm-trust-strip{left:105px !important;right:8px !important;bottom:16px !important;padding:1px 2px !important}.smm-trust-title{font-size:2.4px !important;letter-spacing:.3px !important;margin-bottom:1px !important}.smm-trust-marks{gap:1px !important}.smm-trust-mark{height:12px !important;min-width:40px !important;padding:0 1px !important}.smm-trust-mark img{height:10px !important;max-width:37px !important}.smm-trusted-badge span{width:6px !important;height:6px !important;font-size:3px !important}.smm-trusted-badge b{font-size:3px !important}
}
@media print{
 .smm-certificate-wrap{width:100vw !important;max-width:none !important;margin:0 !important;padding:0 !important}
 .smm-sheet{width:100vw !important;height:auto !important;aspect-ratio:1536/1088 !important}
 .smm-trust-strip{left:350px !important;right:20px !important;bottom:31px !important}
}


/* v2.3.0 — premium reference lock: match the supplied certificate composition without changing dynamic fields. */
.smm-sheet{aspect-ratio:1536/1088 !important;background-image:var(--smm-bg) !important;background-size:cover !important;background-position:center !important;background-color:#f8f6ef !important}
.smm-inner{inset:18px 18px 16px !important;background:linear-gradient(90deg,rgba(255,255,255,.80),rgba(255,255,255,.76)) !important;border-color:rgba(198,154,58,.78) !important}
.smm-header{padding:19px 42px 0 !important;gap:28px !important;align-items:flex-start !important}
.smm-logo{width:182px !important;height:182px !important;object-fit:contain !important}
.smm-brand{padding-top:6px !important;max-width:800px !important}
.smm-brand h1{font-size:45px !important;line-height:1.02 !important;letter-spacing:.2px !important;margin:0 0 13px !important}
.smm-brand div{font-size:16px !important;letter-spacing:1.55px !important}
.smm-main{padding:0 66px 0 !important;margin-top:-2px !important}
.smm-main h2{font-size:64px !important;letter-spacing:1.5px !important;margin:4px 0 4px !important}
.smm-subtitle{font-size:24px !important;letter-spacing:7px !important;gap:15px !important}
.smm-subtitle i{width:70px !important;height:3px !important}
.smm-certify{font-size:21px !important;margin:14px 0 2px !important}
.smm-student{font-size:65px !important;min-height:70px !important}
.smm-line{max-width:720px !important;margin:0 auto 10px !important}
.smm-body{font-size:19px !important;line-height:1.28 !important}
.smm-body strong{font-size:25px !important}
.smm-meta{max-width:1110px !important;margin:18px auto 5px !important}
.smm-meta>div{padding:0 17px !important}
.smm-meta span{font-size:15px !important;margin-bottom:4px !important}
.smm-meta b{font-size:17px !important}
.smm-bottom{max-width:1110px !important;gap:28px !important;margin:0 auto 78px !important;align-items:end !important}
.smm-qr{width:118px !important;height:118px !important;border-width:6px !important}
.smm-qr-caption{margin-top:5px !important}
.smm-qr-caption b{font-size:12px !important;letter-spacing:.8px !important}
.smm-qr-caption small{font-size:9px !important;margin-top:2px !important}
.smm-qr-caption strong{font-family:Arial,sans-serif !important;font-size:9px !important;letter-spacing:.1px !important;margin-top:1px !important}
.smm-verified-badge{display:none !important}
.smm-seal{width:158px !important;height:158px !important;border-width:11px !important}
.smm-seal b{font-size:16px !important}
.smm-signature{font-size:40px !important;min-height:53px !important}
.smm-sign-line{width:255px !important}
.smm-sign b{font-size:14px !important}
.smm-sign small{font-size:12px !important}
.smm-trust-strip{left:350px !important;right:18px !important;bottom:31px !important;margin:0 !important;padding:7px 10px 6px !important;background:linear-gradient(180deg,rgba(224,183,91,.95),rgba(247,218,150,.92)) !important;border-top:1px solid rgba(132,94,26,.55) !important;border-bottom:1px solid rgba(132,94,26,.38) !important;box-shadow:none !important}
.smm-trust-title{font-size:6px !important;letter-spacing:1.25px !important;color:#725519 !important;margin-bottom:4px !important}
.smm-trust-marks{gap:7px !important}
.smm-trust-mark{height:32px !important;min-width:112px !important;padding:2px 7px !important;border:0 !important;border-radius:2px !important;background:rgba(255,255,255,.92) !important;box-shadow:0 1px 3px rgba(65,45,10,.16) !important}
.smm-trust-mark img{height:27px !important;max-height:27px !important;max-width:103px !important}
.smm-trusted-badge{background:rgba(255,255,255,.92) !important;border:0 !important}
.smm-inner footer{height:34px !important;padding:8px 12px !important;font-size:13px !important;letter-spacing:2px !important;background:linear-gradient(90deg,#d5ad55,#f4d98e,#d5ad55) !important}
.smm-deco-top{top:29px !important;right:31px !important;width:175px !important;font-size:11px !important;line-height:1.42 !important;letter-spacing:1.8px !important}
.smm-deco-bottom{left:25px !important;bottom:33px !important;width:280px !important;font-size:11px !important;line-height:1.42 !important;letter-spacing:1.5px !important}

@media(max-width:900px){
 .smm-header{padding:13px 24px 0 !important;gap:15px !important}
 .smm-logo{width:98px !important;height:98px !important}
 .smm-brand{padding-top:4px !important}.smm-brand h1{font-size:27px !important;margin-bottom:7px !important}.smm-brand div{font-size:9px !important;letter-spacing:.75px !important}
 .smm-main{padding:0 28px !important}.smm-main h2{font-size:42px !important}.smm-subtitle{font-size:15px !important;letter-spacing:3.6px !important}.smm-subtitle i{width:40px !important}
 .smm-certify{font-size:14px !important;margin:8px 0 1px !important}.smm-student{font-size:42px !important;min-height:47px !important}.smm-body{font-size:12px !important}.smm-body strong{font-size:15px !important}
 .smm-meta{margin:9px auto 4px !important}.smm-meta>div{padding:0 6px !important}.smm-meta span,.smm-meta b{font-size:9px !important}
 .smm-bottom{gap:8px !important;margin-bottom:46px !important}.smm-qr{width:75px !important;height:75px !important}.smm-qr-caption b{font-size:7px !important}.smm-qr-caption small,.smm-qr-caption strong{font-size:5px !important}.smm-seal{width:90px !important;height:90px !important;border-width:7px !important}.smm-seal b{font-size:10px !important}.smm-signature{font-size:25px !important}.smm-sign-line{width:150px !important}.smm-sign b{font-size:8px !important}.smm-sign small{font-size:6px !important}
 .smm-trust-strip{left:240px !important;right:12px !important;bottom:21px !important;padding:4px 5px 3px !important}.smm-trust-title{font-size:3.8px !important;letter-spacing:.6px !important;margin-bottom:2px !important}.smm-trust-marks{gap:3px !important}.smm-trust-mark{height:20px !important;min-width:62px !important;padding:1px 2px !important}.smm-trust-mark img{height:17px !important;max-height:17px !important;max-width:58px !important}.smm-trusted-badge span{width:9px !important;height:9px !important;font-size:5px !important}.smm-trusted-badge b{font-size:4.5px !important}.smm-inner footer{height:21px !important;font-size:7px !important;letter-spacing:.9px !important;padding:5px 3px !important}
}
@media(max-width:560px){
 .smm-header{padding:8px 10px 0 !important;gap:7px !important}.smm-logo{width:69px !important;height:69px !important}.smm-brand h1{font-size:18px !important;margin-bottom:4px !important}.smm-brand div{font-size:5.5px !important;letter-spacing:.42px !important}
 .smm-main{padding:0 14px !important}.smm-main h2{font-size:28px !important}.smm-subtitle{font-size:8px !important;letter-spacing:1.7px !important;gap:4px !important}.smm-subtitle i{width:24px !important;height:1px !important}.smm-certify{font-size:8px !important;margin:5px 0 0 !important}.smm-student{font-size:27px !important;min-height:30px !important}.smm-body{font-size:6.6px !important}.smm-body strong{font-size:8px !important}.smm-meta{margin:5px auto 3px !important}.smm-meta>div{padding:0 2px !important}.smm-meta span,.smm-meta b{font-size:5px !important}
 .smm-bottom{gap:2px !important;margin-bottom:26px !important}.smm-qr{width:45px !important;height:45px !important;border-width:3px !important}.smm-qr-caption b{font-size:4px !important}.smm-qr-caption small,.smm-qr-caption strong{font-size:3px !important}.smm-seal{width:54px !important;height:54px !important;border-width:5px !important}.smm-seal b{font-size:5.4px !important}.smm-signature{font-size:15px !important;min-height:18px !important}.smm-sign-line{width:88px !important}.smm-sign b{font-size:4.6px !important}.smm-sign small{font-size:3.2px !important}
 .smm-trust-strip{left:105px !important;right:7px !important;bottom:15px !important;padding:2px 2px 1px !important}.smm-trust-title{font-size:2.3px !important;letter-spacing:.3px !important;margin-bottom:1px !important}.smm-trust-marks{gap:1px !important}.smm-trust-mark{height:12px !important;min-width:40px !important;padding:0 1px !important}.smm-trust-mark img{height:10px !important;max-height:10px !important;max-width:37px !important}.smm-trusted-badge span{width:6px !important;height:6px !important;font-size:3px !important}.smm-trusted-badge b{font-size:3px !important}.smm-inner footer{height:15px !important;font-size:4px !important;letter-spacing:.4px !important;padding:3px 1px !important}
}
/* v2.4 reference-layout correction: preserve the supplied premium certificate proportions */
.smm-main .smm-meta{margin-top:46px !important;margin-bottom:18px !important;}
.smm-main .smm-bottom{margin-top:0 !important;}
.smm-trust-strip{bottom:20px !important;}
.smm-inner footer{bottom:0 !important;}
@media(max-width:900px){
 .smm-main .smm-meta{margin-top:28px !important;margin-bottom:12px !important;}
 .smm-trust-strip{bottom:16px !important;}
}
@media(max-width:560px){
 .smm-main .smm-meta{margin-top:18px !important;margin-bottom:8px !important;}
 .smm-trust-strip{bottom:11px !important;}
}
@media print{
 .smm-main .smm-meta{margin-top:46px !important;}
 .smm-trust-strip{bottom:20px !important;}
}


/* v2.5.0 — exact supplied reference composition. Static artwork is the supplied reference template; only certificate data remains dynamic. */
.smm-sheet{aspect-ratio:1536/1088 !important;background-image:var(--smm-bg) !important;background-size:100% 100% !important;background-position:center !important;background-repeat:no-repeat !important;background-color:#fff !important}
.smm-inner{inset:0 !important;background:transparent !important;border:0 !important;overflow:hidden !important}
.smm-header,.smm-deco-text,.smm-inner footer,.smm-trust-strip{display:none !important}
.smm-main{position:absolute !important;inset:0 !important;padding:0 !important;margin:0 !important;display:block !important}
.smm-main h2,.smm-subtitle,.smm-certify{display:none !important}
.smm-student{position:absolute !important;left:30% !important;right:30% !important;top:36.6% !important;min-height:0 !important;margin:0 !important;text-align:center !important;font-size:64px !important;line-height:1 !important;white-space:nowrap !important;z-index:10 !important}
.smm-line{position:absolute !important;left:26% !important;right:26% !important;top:46.2% !important;width:auto !important;max-width:none !important;margin:0 !important;z-index:9 !important}
.smm-body{position:absolute !important;left:27% !important;right:27% !important;top:47.4% !important;margin:0 !important;font-size:19px !important;line-height:1.28 !important;text-align:center !important;z-index:10 !important}
.smm-body strong{font-size:25px !important}
.smm-meta{position:absolute !important;left:13% !important;right:13% !important;top:57.7% !important;width:auto !important;max-width:none !important;margin:0 !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;z-index:10 !important}
.smm-meta>div{padding:0 16px !important}
.smm-meta span{font-size:15px !important;margin-bottom:4px !important}
.smm-meta b{font-size:17px !important}
.smm-bottom{position:absolute !important;left:17% !important;right:17% !important;top:64.2% !important;width:auto !important;max-width:none !important;margin:0 !important;display:grid !important;grid-template-columns:1fr 1fr 1fr !important;align-items:start !important;gap:0 !important;z-index:10 !important}
.smm-qr-wrap{justify-self:start !important;margin-left:8% !important}
.smm-qr{width:118px !important;height:118px !important}
.smm-qr-caption{margin-top:5px !important;text-align:left !important}
.smm-qr-caption b{font-size:12px !important}.smm-qr-caption small,.smm-qr-caption strong{font-size:9px !important}
.smm-seal{justify-self:center !important;width:158px !important;height:158px !important;border-width:11px !important}
.smm-seal b{font-size:16px !important}
.smm-sign{justify-self:end !important;margin-right:1% !important;margin-top:35px !important}
.smm-signature{font-size:40px !important;min-height:53px !important}
.smm-sign-line{width:255px !important}.smm-sign b{font-size:14px !important}.smm-sign small{font-size:12px !important}

@media(max-width:900px){
 .smm-student{top:36.6% !important;font-size:42px !important}
 .smm-line{top:46.2% !important}
 .smm-body{top:47.4% !important;font-size:12px !important}.smm-body strong{font-size:15px !important}
 .smm-meta{top:57.7% !important;left:13% !important;right:13% !important}.smm-meta>div{padding:0 6px !important}.smm-meta span,.smm-meta b{font-size:9px !important}
 .smm-bottom{top:64.2% !important;left:17% !important;right:17% !important}.smm-qr-wrap{margin-left:5% !important}.smm-qr{width:75px !important;height:75px !important}.smm-qr-caption b{font-size:7px !important}.smm-qr-caption small,.smm-qr-caption strong{font-size:5px !important}.smm-seal{width:90px !important;height:90px !important;border-width:7px !important}.smm-seal b{font-size:10px !important}.smm-sign{margin-top:20px !important}.smm-signature{font-size:25px !important;min-height:30px !important}.smm-sign-line{width:150px !important}.smm-sign b{font-size:8px !important}.smm-sign small{font-size:6px !important}
}
@media(max-width:560px){
 .smm-student{top:36.8% !important;font-size:27px !important}.smm-line{top:46.2% !important}.smm-body{top:47.4% !important;font-size:6.6px !important}.smm-body strong{font-size:8px !important}
 .smm-meta{top:57.7% !important;left:13% !important;right:13% !important}.smm-meta>div{padding:0 2px !important}.smm-meta span,.smm-meta b{font-size:5px !important}
 .smm-bottom{top:64.2% !important;left:17% !important;right:17% !important}.smm-qr-wrap{margin-left:4% !important}.smm-qr{width:45px !important;height:45px !important}.smm-qr-caption b{font-size:4px !important}.smm-qr-caption small,.smm-qr-caption strong{font-size:3px !important}.smm-seal{width:54px !important;height:54px !important;border-width:5px !important}.smm-seal b{font-size:5.4px !important}.smm-sign{margin-top:12px !important}.smm-signature{font-size:15px !important;min-height:18px !important}.smm-sign-line{width:88px !important}.smm-sign b{font-size:4.6px !important}.smm-sign small{font-size:3.2px !important}
}
@media print{.smm-sheet{width:100vw !important;height:auto !important;aspect-ratio:1536/1088 !important}.smm-inner{inset:0 !important}}


/* v2.6.0 — clean reference composition, no baked white blocks */
.smm-sheet{
  aspect-ratio:1536/1088 !important;
  background-image:var(--smm-bg) !important;
  background-size:100% 100% !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:#fff !important;
}
.smm-inner{inset:0 !important;background:transparent !important;border:0 !important;overflow:hidden !important}

/* Restore HTML-rendered content over the clean artwork */
.smm-header{
  display:flex !important;
  position:absolute !important;
  z-index:8 !important;
  top:3.0% !important; left:4.0% !important; right:29% !important;
  height:22.5% !important;
  padding:0 !important; margin:0 !important;
  gap:3% !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}
.smm-logo{
  width:19% !important;height:auto !important;aspect-ratio:1/1 !important;
  object-fit:contain !important; flex:0 0 auto !important;
}
.smm-brand{
  flex:1 !important; max-width:none !important; text-align:center !important;
  padding-top:1.0% !important;
}
.smm-brand h1{
  font-size:43px !important; line-height:1.03 !important;
  margin:0 0 13px !important; letter-spacing:.2px !important;
}
.smm-brand div{font-size:15px !important;letter-spacing:1.35px !important}

.smm-main{
  display:block !important; position:absolute !important; inset:0 !important;
  z-index:7 !important; padding:0 !important; margin:0 !important;
  text-align:center !important; background:transparent !important;
}
.smm-main h2{
  display:block !important; position:absolute !important;
  top:20.6% !important; left:22% !important; right:22% !important;
  margin:0 !important; font-size:62px !important; line-height:1 !important;
}
.smm-subtitle{
  display:flex !important; position:absolute !important;
  top:29.5% !important; left:25% !important; right:25% !important;
  gap:18px !important; font-size:24px !important; letter-spacing:7px !important;
}
.smm-subtitle i{width:70px !important;height:3px !important}
.smm-certify{
  display:block !important; position:absolute !important;
  top:34.0% !important; left:30% !important; right:30% !important;
  margin:0 !important; font-size:21px !important;
}
.smm-student{
  position:absolute !important; left:29% !important; right:29% !important;
  top:37.2% !important; margin:0 !important; min-height:0 !important;
  font-size:62px !important; line-height:1 !important; white-space:nowrap !important;
  background:transparent !important; z-index:10 !important;
}
.smm-line{
  position:absolute !important; left:26% !important; right:26% !important;
  top:46.1% !important; width:auto !important; max-width:none !important;
  margin:0 !important; height:2px !important; z-index:9 !important;
}
.smm-body{
  position:absolute !important; left:25% !important; right:25% !important;
  top:47.5% !important; margin:0 !important;
  font-size:19px !important; line-height:1.30 !important;
  background:transparent !important; z-index:10 !important;
}
.smm-body strong{font-size:24px !important}

.smm-meta{
  position:absolute !important; left:13% !important; right:13% !important;
  top:58.1% !important; width:auto !important; max-width:none !important;
  margin:0 !important; display:grid !important;
  grid-template-columns:repeat(4,1fr) !important; z-index:10 !important;
  background:transparent !important;
}
.smm-meta>div{padding:0 15px !important}
.smm-meta span{font-size:15px !important;margin-bottom:5px !important}
.smm-meta b{font-size:17px !important}

.smm-bottom{
  position:absolute !important; left:18% !important; right:18% !important;
  top:64.0% !important; width:auto !important; max-width:none !important;
  margin:0 !important; display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  align-items:start !important; gap:0 !important; z-index:10 !important;
}
.smm-qr-wrap{justify-self:start !important;margin-left:5% !important}
.smm-qr{width:120px !important;height:120px !important}
.smm-qr-caption{margin-top:5px !important;text-align:left !important}
.smm-qr-caption b{font-size:12px !important}
.smm-qr-caption small,.smm-qr-caption strong{font-size:9px !important}

.smm-seal{
  justify-self:center !important; width:155px !important;height:155px !important;
  border-width:11px !important; margin:0 auto !important;
}
.smm-seal b{font-size:16px !important}

.smm-sign{
  justify-self:end !important; margin-right:1% !important; margin-top:37px !important;
}
.smm-signature{font-size:40px !important;min-height:53px !important}
.smm-sign-line{width:255px !important}
.smm-sign b{font-size:14px !important}
.smm-sign small{font-size:12px !important}

.smm-trust-strip{
  display:block !important; position:absolute !important;
  left:25% !important; right:2.5% !important; bottom:5.7% !important;
  z-index:20 !important; padding:5px 8px 4px !important;
  background:linear-gradient(90deg,rgba(222,184,88,.96),rgba(250,222,148,.97),rgba(222,184,88,.96)) !important;
  border-top:1px solid rgba(150,103,24,.25) !important;
}
.smm-trust-title{font-size:5px !important;letter-spacing:1px !important;margin-bottom:3px !important}
.smm-trust-marks{gap:5px !important}
.smm-trust-mark{height:31px !important;min-width:104px !important;padding:2px 4px !important;background:rgba(255,255,255,.9) !important}
.smm-trust-mark img{height:26px !important;max-height:26px !important;max-width:98px !important}
.smm-trusted-badge span{width:16px !important;height:16px !important;font-size:10px !important}
.smm-trusted-badge b{font-size:8px !important}

.smm-inner footer{
  display:block !important; position:absolute !important; z-index:21 !important;
  left:25% !important; right:2.5% !important; bottom:0 !important;
  height:5.0% !important; padding:9px 4px !important;
  background:transparent !important; color:#604515 !important;
  font-size:15px !important; letter-spacing:2px !important;
}

.smm-deco-text{display:block !important;position:absolute !important;z-index:6 !important;color:#d9b665 !important}
.smm-deco-top{display:none !important}
.smm-deco-bottom{display:none !important}

@media(max-width:900px){
 .smm-header{top:3%;left:4%;right:28%;height:22% !important;gap:2.5% !important}
 .smm-brand h1{font-size:30px !important;margin-bottom:8px !important}
 .smm-brand div{font-size:10px !important;letter-spacing:.8px !important}
 .smm-main h2{top:20.5% !important;font-size:43px !important}
 .smm-subtitle{top:29.5% !important;font-size:15px !important;letter-spacing:4px !important;gap:10px !important}
 .smm-subtitle i{width:45px !important;height:2px !important}
 .smm-certify{top:34.1% !important;font-size:13px !important}
 .smm-student{top:37.2% !important;font-size:43px !important}
 .smm-line{top:46.1% !important}
 .smm-body{top:47.5% !important;font-size:12px !important}.smm-body strong{font-size:15px !important}
 .smm-meta{top:58.1% !important}.smm-meta>div{padding:0 7px !important}.smm-meta span,.smm-meta b{font-size:9px !important}
 .smm-bottom{top:64% !important;left:18%;right:18% !important}
 .smm-qr{width:75px !important;height:75px !important}.smm-qr-caption b{font-size:7px !important}.smm-qr-caption small,.smm-qr-caption strong{font-size:5px !important}
 .smm-seal{width:92px !important;height:92px !important;border-width:7px !important}.smm-seal b{font-size:10px !important}
 .smm-sign{margin-top:20px !important}.smm-signature{font-size:25px !important;min-height:30px !important}.smm-sign-line{width:150px !important}.smm-sign b{font-size:8px !important}.smm-sign small{font-size:6px !important}
 .smm-trust-strip{left:25%;right:2.5%;bottom:5.7%;padding:3px 4px 2px !important}.smm-trust-title{font-size:3.5px !important}.smm-trust-marks{gap:2px !important}.smm-trust-mark{height:21px !important;min-width:68px !important}.smm-trust-mark img{height:17px !important;max-height:17px !important;max-width:64px !important}.smm-trusted-badge b{font-size:5px !important}
 .smm-inner footer{left:25%;right:2.5%;height:5%;font-size:8px !important;letter-spacing:1px !important;padding:5px 2px !important}
}
@media(max-width:560px){
 .smm-header{top:3%;left:4%;right:28%;height:22% !important;gap:2% !important}.smm-logo{width:19% !important}.smm-brand h1{font-size:18px !important;margin-bottom:5px !important}.smm-brand div{font-size:5.5px !important;letter-spacing:.45px !important}
 .smm-main h2{top:20.6% !important;font-size:28px !important}.smm-subtitle{top:29.7% !important;font-size:8px !important;letter-spacing:2px !important;gap:4px !important}.smm-subtitle i{width:25px !important;height:1px !important}
 .smm-certify{top:34.2% !important;font-size:8px !important}.smm-student{top:37.3% !important;font-size:28px !important}.smm-line{top:46.1% !important}.smm-body{top:47.5% !important;font-size:6.7px !important}.smm-body strong{font-size:8.3px !important}
 .smm-meta{top:58.2% !important}.smm-meta>div{padding:0 2px !important}.smm-meta span,.smm-meta b{font-size:5px !important}.smm-meta span{margin-bottom:2px !important}
 .smm-bottom{top:64% !important;left:18%;right:18% !important}.smm-qr-wrap{margin-left:4% !important}.smm-qr{width:47px !important;height:47px !important}.smm-qr-caption b{font-size:4px !important}.smm-qr-caption small,.smm-qr-caption strong{font-size:3px !important}.smm-seal{width:56px !important;height:56px !important;border-width:5px !important}.smm-seal b{font-size:5.5px !important}.smm-sign{margin-top:11px !important}.smm-signature{font-size:15px !important;min-height:18px !important}.smm-sign-line{width:88px !important}.smm-sign b{font-size:4.6px !important}.smm-sign small{font-size:3.2px !important}
 .smm-trust-strip{left:25%;right:2.5%;bottom:5.7%;padding:2px 2px 1px !important}.smm-trust-title{font-size:2.3px !important;letter-spacing:.3px !important;margin-bottom:1px !important}.smm-trust-marks{gap:1px !important}.smm-trust-mark{height:12px !important;min-width:40px !important;padding:0 1px !important}.smm-trust-mark img{height:10px !important;max-height:10px !important;max-width:37px !important}.smm-trusted-badge span{width:6px !important;height:6px !important;font-size:3px !important}.smm-trusted-badge b{font-size:3px !important}
 .smm-inner footer{left:25%;right:2.5%;height:5%;font-size:4px !important;letter-spacing:.4px !important;padding:3px 1px !important}
}
@media print{
 .smm-sheet{width:100vw !important;height:auto !important;aspect-ratio:1536/1088 !important}
}


/* v2.7.0 — reference-position correction: separate meta row from QR/seal/signature.
   Prevents QR from covering Certificate No. and keeps the lower content balanced. */
.smm-meta{
  top:57.8% !important;
  left:12.5% !important;
  right:12.5% !important;
  z-index:12 !important;
}
.smm-bottom{
  top:66.0% !important;
  left:17.5% !important;
  right:17.5% !important;
  z-index:13 !important;
  align-items:start !important;
}
.smm-qr-wrap{margin-left:4% !important}
.smm-qr{width:118px !important;height:118px !important}
.smm-seal{width:145px !important;height:145px !important}
.smm-sign{margin-top:27px !important}
.smm-trust-strip{z-index:30 !important}
.smm-inner footer{z-index:31 !important}

@media(max-width:900px){
 .smm-meta{top:57.8% !important;left:12.5% !important;right:12.5% !important}
 .smm-bottom{top:66.0% !important;left:17.5% !important;right:17.5% !important}
 .smm-qr-wrap{margin-left:3% !important}.smm-qr{width:74px !important;height:74px !important}
 .smm-seal{width:90px !important;height:90px !important}.smm-sign{margin-top:17px !important}
}
@media(max-width:560px){
 .smm-meta{top:57.9% !important;left:12.5% !important;right:12.5% !important}
 .smm-bottom{top:66.0% !important;left:17.5% !important;right:17.5% !important}
 .smm-qr-wrap{margin-left:2% !important}.smm-qr{width:46px !important;height:46px !important}
 .smm-seal{width:55px !important;height:55px !important}.smm-sign{margin-top:10px !important}
}

/* v2.8.0 — final visual polish: move QR slightly lower and enlarge trust marks. */
.smm-qr-wrap{transform:translateY(24px) !important;}
.smm-trust-strip{padding:7px 10px 6px !important;}
.smm-trust-title{font-size:7px !important;letter-spacing:1.35px !important;margin-bottom:5px !important;}
.smm-trust-marks{gap:8px !important;align-items:center !important;}
.smm-trust-mark{height:45px !important;min-width:148px !important;padding:2px 7px !important;}
.smm-trust-mark img{height:39px !important;max-height:39px !important;max-width:136px !important;}
.smm-trusted-badge span{width:21px !important;height:21px !important;font-size:12px !important;}
.smm-trusted-badge b{font-size:10px !important;}

@media(max-width:900px){
 .smm-qr-wrap{transform:translateY(18px) !important;}
 .smm-trust-strip{padding:4px 5px 3px !important;}
 .smm-trust-title{font-size:4.5px !important;letter-spacing:.7px !important;margin-bottom:3px !important;}
 .smm-trust-marks{gap:4px !important;}
 .smm-trust-mark{height:28px !important;min-width:86px !important;padding:1px 3px !important;}
 .smm-trust-mark img{height:24px !important;max-height:24px !important;max-width:80px !important;}
 .smm-trusted-badge span{width:12px !important;height:12px !important;font-size:7px !important;}
 .smm-trusted-badge b{font-size:6px !important;}
}
@media(max-width:560px){
 .smm-qr-wrap{transform:translateY(8px) !important;}
 .smm-trust-strip{padding:2px 2px 1px !important;}
 .smm-trust-title{font-size:2.6px !important;letter-spacing:.35px !important;margin-bottom:1px !important;}
 .smm-trust-marks{gap:1.5px !important;}
 .smm-trust-mark{height:14px !important;min-width:44px !important;padding:0 1px !important;}
 .smm-trust-mark img{height:12px !important;max-height:12px !important;max-width:41px !important;}
 .smm-trusted-badge span{width:7px !important;height:7px !important;font-size:3.5px !important;}
 .smm-trusted-badge b{font-size:3.4px !important;}
}

/* v2.9.0 — reference-matched fixed canvas layout.
   Uses the supplied clean structural artwork at its native 1536×1088 proportion.
   Dynamic content is positioned on dedicated, non-overlapping zones. */
.smm-certificate-wrap{max-width:1536px!important;margin:20px auto!important;padding:0!important}
.smm-sheet{width:100%!important;aspect-ratio:1536/1088!important;margin:0 auto!important;border:0!important;box-shadow:0 18px 48px rgba(8,38,75,.18)!important;background-image:var(--smm-bg,url('../assets/certificate-background-professional.png'))!important;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden!important}
.smm-sheet:before{display:none!important}
.smm-inner{position:absolute!important;inset:0!important;border:0!important;background:transparent!important;overflow:hidden!important}
.smm-header{position:absolute!important;left:3%!important;right:3%!important;top:3%!important;height:18%!important;padding:0!important;margin:0!important;display:block!important}
.smm-logo{position:absolute!important;left:1.8%!important;top:0!important;width:18.5%!important;height:22%!important;max-width:none!important;object-fit:contain!important}
.smm-brand{position:absolute!important;left:26.5%!important;top:1.7%!important;width:49%!important;max-width:none!important;margin:0!important;text-align:center!important}
.smm-brand h1{font-size:clamp(26px,2.75vw,43px)!important;line-height:1.04!important;margin:0 0 .8em!important;letter-spacing:.2px!important}
.smm-brand div{font-size:clamp(9px,1.02vw,16px)!important;line-height:1.15!important;letter-spacing:1.25px!important}
.smm-main{position:absolute!important;left:24%!important;right:24%!important;top:20.5%!important;bottom:14.5%!important;padding:0!important;margin:0!important;text-align:center!important;z-index:20!important}
.smm-main h2{font-size:clamp(38px,4.05vw,63px)!important;line-height:1!important;margin:0 0 .18em!important;letter-spacing:1.5px!important}
.smm-subtitle{font-size:clamp(13px,1.58vw,25px)!important;line-height:1!important;letter-spacing:7px!important;gap:14px!important}
.smm-subtitle i{width:70px!important;height:2px!important;flex:0 0 70px!important}
.smm-certify{font-size:clamp(13px,1.4vw,22px)!important;line-height:1.1!important;margin:1.15em 0 .18em!important}
.smm-student{font-size:clamp(35px,4vw,62px)!important;line-height:1!important;min-height:0!important;margin:0!important;white-space:nowrap!important}
.smm-line{height:2px!important;max-width:none!important;width:82%!important;margin:.08em auto .62em!important}
.smm-body{font-size:clamp(12px,1.28vw,20px)!important;line-height:1.3!important;margin:0!important}
.smm-body strong{font-size:clamp(15px,1.55vw,24px)!important}
.smm-meta{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;width:100%!important;max-width:none!important;margin:1.35em auto 0!important}
.smm-meta>div{padding:0 12px!important;border-right:2px solid rgba(198,154,58,.72)!important;min-width:0!important}
.smm-meta span{font-size:clamp(9px,1.02vw,16px)!important;margin-bottom:.3em!important;white-space:nowrap!important}
.smm-meta b{font-size:clamp(10px,1.08vw,17px)!important;white-space:nowrap!important}
.smm-bottom{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;align-items:start!important;gap:24px!important;width:100%!important;max-width:none!important;margin:1.25em auto 0!important}
.smm-qr-wrap{align-items:center!important;text-align:center!important}
.smm-qr{width:clamp(76px,7.3vw,112px)!important;height:clamp(76px,7.3vw,112px)!important;border-width:6px!important}
.smm-qr-caption{margin-top:5px!important}
.smm-qr-caption b{font-size:clamp(8px,.9vw,14px)!important;letter-spacing:.8px!important}
.smm-qr-caption small{font-size:clamp(6px,.65vw,10px)!important;margin-top:2px!important}
.smm-qr-caption strong{font-size:clamp(6px,.65vw,10px)!important;white-space:nowrap!important}
.smm-seal{width:clamp(96px,9.2vw,142px)!important;height:clamp(96px,9.2vw,142px)!important;border-width:10px!important;margin:0 auto!important}
.smm-seal b{font-size:clamp(10px,1.04vw,16px)!important}
.smm-signature{font-size:clamp(25px,2.55vw,39px)!important;min-height:0!important;line-height:1.05!important;white-space:nowrap!important}
.smm-sign-line{width:88%!important;max-width:245px!important;height:2px!important;margin:4px auto 5px!important}
.smm-sign b{font-size:clamp(8px,.92vw,14px)!important}
.smm-sign small{font-size:clamp(6px,.78vw,12px)!important;margin-top:3px!important;white-space:nowrap!important}
.smm-trust-strip{position:absolute!important;left:25%!important;right:1.7%!important;bottom:5.5%!important;margin:0!important;padding:5px 10px 4px!important;z-index:45!important;background:linear-gradient(90deg,rgba(214,171,82,.96),rgba(247,220,153,.98),rgba(214,171,82,.96))!important;border-top:1px solid rgba(129,92,24,.55)!important;border-bottom:1px solid rgba(129,92,24,.55)!important}
.smm-trust-title{font-size:clamp(5px,.43vw,7px)!important;letter-spacing:1.1px!important;margin:0 0 4px!important}
.smm-trust-marks{gap:8px!important}
.smm-trust-mark{height:34px!important;min-width:104px!important;padding:2px 6px!important}
.smm-trust-mark img{height:28px!important;max-width:100px!important;max-height:28px!important}
.smm-trusted-badge span{width:17px!important;height:17px!important}
.smm-trusted-badge b{font-size:8px!important}
.smm-inner footer{position:absolute!important;left:25%!important;right:1.7%!important;bottom:1.15%!important;z-index:46!important;background:transparent!important;color:#604515!important;padding:0!important;font-size:clamp(7px,.9vw,14px)!important;letter-spacing:2px!important;line-height:1.2!important;font-weight:700!important}
.smm-print-actions{position:absolute!important;top:8px!important;left:50%!important;transform:translateX(-50%)!important;z-index:100!important;margin:0!important}

@media(max-width:900px){
 .smm-certificate-wrap{width:100%!important;margin:10px auto!important}
 .smm-brand h1{font-size:clamp(18px,3.8vw,32px)!important}
 .smm-brand div{font-size:clamp(6px,1.25vw,11px)!important}
 .smm-main{left:22%!important;right:22%!important;top:20%!important;bottom:15%!important}
 .smm-main h2{font-size:clamp(30px,5vw,45px)!important}
 .smm-subtitle{font-size:clamp(9px,1.9vw,17px)!important;letter-spacing:3px!important;gap:7px!important}
 .smm-subtitle i{width:35px!important;flex-basis:35px!important}
 .smm-certify{font-size:clamp(9px,1.7vw,15px)!important}
 .smm-student{font-size:clamp(26px,5vw,43px)!important}
 .smm-body{font-size:clamp(8px,1.55vw,13px)!important}
 .smm-body strong{font-size:clamp(10px,1.8vw,15px)!important}
 .smm-meta{margin-top:1em!important}
 .smm-meta span,.smm-meta b{font-size:clamp(6px,1.15vw,10px)!important}
 .smm-bottom{gap:8px!important;margin-top:.9em!important}
 .smm-trust-strip{left:25%!important;right:1.7%!important;bottom:5.4%!important;padding:3px 4px 2px!important}
 .smm-trust-title{font-size:4px!important;letter-spacing:.65px!important}
 .smm-trust-marks{gap:3px!important}
 .smm-trust-mark{height:22px!important;min-width:64px!important;padding:1px 2px!important}
 .smm-trust-mark img{height:18px!important;max-width:60px!important}
 .smm-inner footer{font-size:6px!important;letter-spacing:1px!important;bottom:1.1%!important}
}
@media(max-width:560px){
 .smm-header{top:3%!important;height:18%!important}
 .smm-logo{left:2%!important;width:18%!important;height:20%!important}
 .smm-brand{left:24%!important;width:54%!important;top:2%!important}
 .smm-brand h1{font-size:clamp(13px,4vw,22px)!important;margin-bottom:.5em!important}
 .smm-brand div{font-size:clamp(4px,1.15vw,7px)!important}
 .smm-main{left:19%!important;right:19%!important;top:19.5%!important;bottom:15%!important}
 .smm-main h2{font-size:clamp(23px,7vw,32px)!important}
 .smm-subtitle{font-size:clamp(6px,2vw,10px)!important;letter-spacing:2px!important;gap:4px!important}
 .smm-subtitle i{width:22px!important;flex-basis:22px!important;height:1px!important}
 .smm-certify{font-size:clamp(6px,1.8vw,10px)!important;margin:.8em 0 .1em!important}
 .smm-student{font-size:clamp(19px,6vw,31px)!important}
 .smm-line{width:88%!important;height:1px!important;margin:.08em auto .45em!important}
 .smm-body{font-size:clamp(5px,1.45vw,8px)!important}
 .smm-body strong{font-size:clamp(7px,1.8vw,10px)!important}
 .smm-meta{margin-top:.75em!important}
 .smm-meta>div{padding:0 3px!important;border-right-width:1px!important}
 .smm-meta span,.smm-meta b{font-size:clamp(4px,1.2vw,6.7px)!important}
 .smm-bottom{gap:3px!important;margin-top:.7em!important}
 .smm-qr{width:clamp(42px,7vw,52px)!important;height:clamp(42px,7vw,52px)!important;border-width:3px!important}
 .smm-qr-caption b{font-size:clamp(4px,1vw,6px)!important}.smm-qr-caption small,.smm-qr-caption strong{font-size:clamp(3px,.8vw,4.5px)!important}
 .smm-seal{width:clamp(48px,8vw,58px)!important;height:clamp(48px,8vw,58px)!important;border-width:5px!important}
 .smm-seal b{font-size:clamp(4px,1vw,6px)!important}
 .smm-signature{font-size:clamp(12px,3.5vw,17px)!important}.smm-sign-line{width:90%!important;height:1px!important}.smm-sign b{font-size:clamp(4px,1vw,6px)!important}.smm-sign small{font-size:clamp(3px,.8vw,4.5px)!important}
 .smm-trust-strip{left:25%!important;right:1.7%!important;bottom:5.1%!important;padding:2px 2px 1px!important}
 .smm-trust-title{font-size:2.8px!important;letter-spacing:.35px!important;margin-bottom:1px!important}
 .smm-trust-marks{gap:1.5px!important}.smm-trust-mark{height:14px!important;min-width:28px!important;padding:1px!important}.smm-trust-mark img{height:11px!important;max-width:27px!important}.smm-trusted-badge span{width:6px!important;height:6px!important;font-size:4px!important}.smm-trusted-badge b{font-size:3.2px!important}
 .smm-inner footer{font-size:4px!important;letter-spacing:.45px!important}
 .smm-print-actions{top:4px!important}.smm-print-actions button{font-size:7px!important;padding:5px 8px!important}
}
@media print{
 .smm-certificate-wrap{width:100vw!important;max-width:none!important;margin:0!important;padding:0!important}
 .smm-sheet{width:100vw!important;height:auto!important;aspect-ratio:1536/1088!important;box-shadow:none!important}
 .smm-print-actions{display:none!important}
}

/* v3.0.0 — clean premium reference: remove bottom partner rail and gold footer bars. */
.smm-trust-strip{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;overflow:hidden!important;border:0!important;background:none!important;box-shadow:none!important}
.smm-inner footer{display:none!important;visibility:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important}
/* Keep the main content independent of the removed footer rail. */
.smm-main{padding-bottom:0!important}
.smm-bottom{z-index:20!important}
/* v3.0.0 — lower the center seal slightly to match the approved reference. */
.smm-seal{transform:translateY(16px)!important}
@media(max-width:900px){.smm-seal{transform:translateY(11px)!important}}
@media(max-width:560px){.smm-seal{transform:translateY(7px)!important}}

/* v3.1.0 — final correction: restore the approved reference geometry. */
.smm-header{display:flex!important;position:absolute!important;z-index:8!important;top:3%!important;left:4%!important;right:29%!important;height:22.5%!important;padding:0!important;margin:0!important;gap:3%!important;align-items:flex-start!important;justify-content:flex-start!important}
.smm-header .smm-logo{position:static!important;display:block!important;width:19%!important;height:auto!important;aspect-ratio:1/1!important;max-width:none!important;object-fit:contain!important;flex:0 0 auto!important}
.smm-brand{position:static!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;margin:0!important;padding-top:1%!important;text-align:center!important}
.smm-brand h1{font-size:43px!important;line-height:1.03!important;margin:0 0 13px!important;letter-spacing:.2px!important;white-space:normal!important}
.smm-brand div{font-size:15px!important;line-height:1.15!important;letter-spacing:1.35px!important}
.smm-main{display:block!important;position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;z-index:7!important;padding:0!important;margin:0!important;text-align:center!important;background:transparent!important}
.smm-main h2{top:20.6%!important;left:22%!important;right:22%!important;font-size:62px!important;line-height:1!important;margin:0!important}
.smm-subtitle{top:29.5%!important;left:25%!important;right:25%!important;gap:18px!important;font-size:24px!important;line-height:1!important;letter-spacing:7px!important}
.smm-subtitle i{width:70px!important;flex:0 0 70px!important;height:3px!important}
.smm-certify{top:34%!important;left:30%!important;right:30%!important;font-size:21px!important;margin:0!important;line-height:1.2!important}
.smm-student{top:37.2%!important;left:29%!important;right:29%!important;font-size:62px!important;line-height:1!important;min-height:0!important;margin:0!important;white-space:nowrap!important}
.smm-line{top:46.1%!important;left:26%!important;right:26%!important;height:2px!important;margin:0!important}
.smm-body{top:47.5%!important;left:25%!important;right:25%!important;font-size:19px!important;line-height:1.3!important;margin:0!important}
.smm-body strong{font-size:24px!important}
.smm-meta{top:58.1%!important;left:13%!important;right:13%!important;margin:0!important;width:auto!important;max-width:none!important;grid-template-columns:repeat(4,1fr)!important}
.smm-meta>div{padding:0 15px!important;min-width:0!important}.smm-meta span{font-size:15px!important;margin-bottom:5px!important}.smm-meta b{font-size:17px!important}
.smm-bottom{top:64%!important;left:18%!important;right:18%!important;margin:0!important;width:auto!important;max-width:none!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;align-items:start!important}
.smm-qr-wrap{justify-self:start!important;margin-left:5%!important;transform:translateY(24px)!important}.smm-qr{width:120px!important;height:120px!important}.smm-qr-caption{margin-top:5px!important;text-align:center!important}.smm-qr-caption b{font-size:12px!important}.smm-qr-caption small,.smm-qr-caption strong{font-size:9px!important}
.smm-seal{justify-self:center!important;width:155px!important;height:155px!important;margin:0 auto!important;border-width:11px!important;transform:translateY(16px)!important}.smm-seal b{font-size:16px!important}
.smm-sign{justify-self:end!important;margin-right:1%!important;margin-top:37px!important}.smm-signature{font-size:40px!important;min-height:53px!important}.smm-sign-line{width:255px!important}.smm-sign b{font-size:14px!important}.smm-sign small{font-size:12px!important;margin-top:4px!important}
.smm-trust-strip,.smm-inner footer{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;overflow:hidden!important;border:0!important;background:none!important;box-shadow:none!important}
@media(max-width:900px){.smm-header{top:3%!important;left:4%!important;right:29%!important;height:22.5%!important;gap:3%!important}.smm-header .smm-logo{width:19%!important;height:auto!important}.smm-brand h1{font-size:30px!important;margin-bottom:8px!important}.smm-brand div{font-size:10px!important;letter-spacing:.8px!important}.smm-main{inset:0!important}.smm-main h2{top:20.6%!important;font-size:43px!important}.smm-subtitle{top:29.5%!important;font-size:15px!important;letter-spacing:4px!important;gap:10px!important}.smm-subtitle i{width:45px!important;flex-basis:45px!important;height:2px!important}.smm-certify{top:34%!important;font-size:13px!important}.smm-student{top:37.2%!important;font-size:43px!important}.smm-line{top:46.1%!important}.smm-body{top:47.5%!important;font-size:12px!important}.smm-body strong{font-size:15px!important}.smm-meta{top:58.1%!important;left:13%!important;right:13%!important}.smm-meta>div{padding:0 7px!important}.smm-meta span,.smm-meta b{font-size:9px!important}.smm-bottom{top:64%!important;left:18%!important;right:18%!important}.smm-qr-wrap{margin-left:3%!important;transform:translateY(18px)!important}.smm-qr{width:74px!important;height:74px!important}.smm-qr-caption b{font-size:7px!important}.smm-qr-caption small,.smm-qr-caption strong{font-size:5px!important}.smm-seal{width:92px!important;height:92px!important;border-width:7px!important;transform:translateY(11px)!important}.smm-seal b{font-size:10px!important}.smm-sign{margin-top:17px!important}.smm-signature{font-size:25px!important;min-height:30px!important}.smm-sign-line{width:150px!important}.smm-sign b{font-size:8px!important}.smm-sign small{font-size:6px!important}}
@media(max-width:560px){.smm-header{top:3%!important;left:4%!important;right:28%!important;height:22%!important;gap:2%!important}.smm-header .smm-logo{width:19%!important;height:auto!important}.smm-brand h1{font-size:18px!important;margin-bottom:5px!important}.smm-brand div{font-size:5.5px!important;letter-spacing:.45px!important}.smm-main{inset:0!important}.smm-main h2{top:20.6%!important;font-size:28px!important}.smm-subtitle{top:29.7%!important;font-size:8px!important;letter-spacing:2px!important;gap:4px!important}.smm-subtitle i{width:25px!important;flex-basis:25px!important;height:1px!important}.smm-certify{top:34.2%!important;font-size:8px!important}.smm-student{top:37.3%!important;font-size:28px!important}.smm-line{top:46.1%!important;height:1px!important}.smm-body{top:47.5%!important;font-size:6.7px!important}.smm-body strong{font-size:8.3px!important}.smm-meta{top:58.2%!important;left:12.5%!important;right:12.5%!important}.smm-meta>div{padding:0 2px!important;border-right-width:1px!important}.smm-meta span,.smm-meta b{font-size:5px!important}.smm-bottom{top:64%!important;left:17.5%!important;right:17.5%!important}.smm-qr-wrap{margin-left:2%!important;transform:translateY(8px)!important}.smm-qr{width:46px!important;height:46px!important}.smm-qr-caption b{font-size:4px!important}.smm-qr-caption small,.smm-qr-caption strong{font-size:3px!important}.smm-seal{width:55px!important;height:55px!important;border-width:5px!important;transform:translateY(7px)!important}.smm-seal b{font-size:5px!important}.smm-sign{margin-top:10px!important}.smm-signature{font-size:15px!important;min-height:18px!important}.smm-sign-line{width:88px!important}.smm-sign b{font-size:4.6px!important}.smm-sign small{font-size:3.2px!important}}