*{box-sizing:border-box}
.smm-certificate-page,.smm-print-page{margin:0!important;background:#eee}
.smm-exact-wrap{width:100%;max-width:1122px;margin:20px auto}
.smm-exact-certificate{position:relative;width:1122px;height:796px;overflow:hidden;background:#fff;margin:auto;box-shadow:0 5px 25px rgba(0,0,0,.15)}
.smm-template-bg{position:absolute;inset:0;width:100%;height:100%;display:block}
.smm-field{position:absolute;color:#071f50;text-align:center;font-family:Georgia,"Times New Roman",serif}
.smm-student-field{left:300px;top:313px;width:525px;height:78px;font-family:"Brush Script MT","Segoe Script",cursive;font-size:58px;font-style:italic;line-height:1.05}
.smm-complete-field{left:310px;top:397px;width:500px;height:82px;font-size:19px;line-height:1.28}
.smm-complete-field strong{display:block;font-size:25px;margin:2px 0}
.smm-info{top:507px;width:170px;font-size:17px;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:clip}
.certificate-number{left:195px;width:170px;font-size:14px;letter-spacing:.15px}.course-duration{left:378px}.issue-date{left:555px;width:205px}.course-mode{left:765px}
.smm-qr{position:absolute;left:255px;top:538px;width:120px;text-align:center;color:#071f50;font-family:Arial,sans-serif}
.smm-qr img{width:100px;height:100px;display:block;margin:0 auto;background:#fff;padding:2px}
.smm-qr small{display:block;font-weight:700;font-size:11px;margin-top:3px}.smm-qr em{display:block;font-style:normal;font-size:8px;line-height:1.1;overflow-wrap:anywhere}
.smm-signature{position:absolute;left:700px;top:557px;width:280px;text-align:center;color:#071f50;font-family:Georgia,"Times New Roman",serif}
.smm-signature-script{font-family:"Brush Script MT","Segoe Script",cursive;font-size:42px;font-style:italic;line-height:1.1}
.smm-signature-line{width:260px;border-top:2px solid #b98a27;margin:2px auto 6px}
.smm-signature strong{display:block;font-size:13px}.smm-signature small{display:block;font-size:9px;margin-top:7px}
.smm-exact-actions{text-align:center;margin:15px}.smm-exact-actions button{background:#062b52;color:#fff;border:0;border-radius:4px;padding:12px 20px;font-weight:bold;cursor:pointer}
@media(max-width:1150px){.smm-exact-wrap{overflow-x:auto}}
@media print{@page{size:A4 landscape;margin:0}html,body{background:#fff!important;margin:0!important}.smm-exact-wrap{margin:0;width:297mm}.smm-exact-certificate{width:297mm;height:210mm;box-shadow:none}.smm-exact-actions{display:none!important}}

/* Premium certificate verification UI — certificate artwork above is unchanged. */
.smm-verification-premium{position:relative;max-width:860px;margin:50px auto;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#0b2850}
.smm-verify-glow{position:absolute;inset:35px 60px;background:radial-gradient(circle,rgba(198,153,50,.16),transparent 68%);filter:blur(12px);pointer-events:none}
.smm-verify-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#fbfaf6);border:1px solid rgba(198,153,50,.35);border-radius:24px;padding:38px 42px;box-shadow:0 24px 70px rgba(6,43,82,.13),0 4px 15px rgba(0,0,0,.05)}
.smm-verify-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#062b52,#c79a32,#062b52)}
.smm-verify-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#f5ecd7;color:#80601e;font-size:11px;font-weight:800;letter-spacing:1.1px}
.smm-verify-badge span{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#c79a32;color:#fff;font-size:11px}
.smm-verify-card h2{margin:14px 0 6px;font-size:34px;line-height:1.1;color:#092b53;letter-spacing:-.6px}
.smm-verify-subtitle{margin:0 0 24px;color:#637188;font-size:15px}
.smm-verify-form{display:flex;gap:12px;align-items:stretch}
.smm-verify-input-wrap{position:relative;flex:1}
.smm-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;color:#9a7830;pointer-events:none}
.smm-verify-form input{width:100%;height:54px;padding:0 18px 0 48px;border:1px solid #d8dde4;border-radius:12px;background:#fff;color:#102e50;font-size:15px;outline:none;transition:.25s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.03)}
.smm-verify-form input:focus{border-color:#c79a32;box-shadow:0 0 0 4px rgba(199,154,50,.12)}
.smm-verify-form button{height:54px;border:0;border-radius:12px;padding:0 20px;background:linear-gradient(135deg,#062b52,#0b416f);color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 9px 22px rgba(6,43,82,.2);transition:transform .2s ease,box-shadow .2s ease}
.smm-verify-form button:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(6,43,82,.25)}
.smm-verify-form button b{margin-left:10px;color:#e1bf67;font-size:17px}
.smm-verify-hint{font-size:11px;color:#7a8492;margin:10px 3px 0}
.smm-verify-hint strong{color:#45617d}
.smm-verification-result{margin-top:28px;border-radius:18px;overflow:hidden;animation:smmResultIn .65s cubic-bezier(.2,.8,.2,1) both}
@keyframes smmResultIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.smm-valid{border:1px solid #cde8d5;background:linear-gradient(145deg,#fbfffc,#f4fbf6);padding:24px}
.smm-success-head{display:flex;align-items:center;gap:16px}
.smm-valid-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1e9b58,#0e7540);box-shadow:0 8px 20px rgba(30,155,88,.22);animation:smmPulse 1.8s ease-out .35s 2}
.smm-valid-icon span{width:28px;height:28px;border:2px solid rgba(255,255,255,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:17px}
@keyframes smmPulse{0%,100%{box-shadow:0 8px 20px rgba(30,155,88,.22)}50%{box-shadow:0 8px 20px rgba(30,155,88,.22),0 0 0 10px rgba(30,155,88,.08)}}
.smm-result-kicker{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#27814e}
.smm-success-head h3{margin:3px 0 2px;font-size:23px;color:#123b2a}
.smm-success-head p{margin:0;color:#61766a;font-size:13px}
.smm-verified-data{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce9df;border-radius:13px;overflow:hidden;background:#fff}
.smm-verified-data>div{padding:15px 16px;border-right:1px solid #e5ece7;border-bottom:1px solid #e5ece7;animation:smmDataIn .5s both}
.smm-verified-data>div:nth-child(1){animation-delay:.08s}.smm-verified-data>div:nth-child(2){animation-delay:.13s}.smm-verified-data>div:nth-child(3){animation-delay:.18s}.smm-verified-data>div:nth-child(4){animation-delay:.23s}.smm-verified-data>div:nth-child(5){animation-delay:.28s}.smm-verified-data>div:nth-child(6){animation-delay:.33s}
@keyframes smmDataIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.smm-verified-data>div:nth-child(3n){border-right:0}.smm-verified-data>div:nth-child(n+4){border-bottom:0}
.smm-verified-data span{display:block;color:#7b8a84;font-size:10px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px}.smm-verified-data strong{display:block;color:#153b2d;font-size:14px;word-break:break-word}
.smm-view-certificate{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:11px 16px;border-radius:10px;text-decoration:none;background:#062b52;color:#fff;font-size:13px;font-weight:800;transition:.2s ease}.smm-view-certificate:hover{transform:translateY(-1px);background:#0b416f;color:#fff}.smm-view-certificate span{color:#e0bd62;font-size:16px}
.smm-invalid{display:flex;align-items:center;gap:14px;border:1px solid #f0caca;background:#fff8f8;padding:18px;color:#702727}.smm-invalid-icon{width:42px;height:42px;border-radius:50%;background:#c94d4d;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px}.smm-invalid strong{font-size:16px}.smm-invalid p{margin:4px 0 0;font-size:12px;color:#8a5c5c}
.smm-front-form .smm-auto-number-note{padding:11px 13px;border-radius:9px;background:#f7f3e8;color:#6f5723;font-size:13px}.smm-front-form .smm-auto-number-note span{font-weight:900;color:#9a731e}
@media(max-width:680px){.smm-verify-card{padding:28px 20px}.smm-verify-card h2{font-size:27px}.smm-verify-form{flex-direction:column}.smm-verify-form button{width:100%}.smm-verified-data{grid-template-columns:1fr}.smm-verified-data>div,.smm-verified-data>div:nth-child(3n){border-right:0}.smm-verified-data>div:nth-child(n+4){border-bottom:1px solid #e5ece7}.smm-verified-data>div:last-child{border-bottom:0}}