@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Montserrat:wght@300;400;500;600;700;800&display=swap");*,:after,:before{box-sizing:border-box}html{-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}body{margin:0;font-family:Montserrat,sans-serif}.certificate-screen-wrapper{width:100%;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center}.cert{position:relative;width:min(1122px,calc(100vw - 48px));aspect-ratio:297/180;background:#eeeaf8;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 60px #5032a040}.cert:before{content:"";inset:10px;border:1.5px solid #c0aee0;border-radius:6px;z-index:4}.cert:before,.deco{position:absolute;pointer-events:none}.d-circle-tr{top:-80px;right:-80px;background:#c3b4eb73}.d-circle-bl,.d-circle-tr{width:280px;height:280px;border-radius:50%}.d-circle-bl{bottom:-80px;left:-80px;background:#c3b4eb61}.d-cross{width:14px;height:14px;opacity:.65}.d-cross:after,.d-cross:before{content:"";position:absolute;background:#a090cc;border-radius:1px}.d-cross:before{width:2px;height:14px;left:6px;top:0}.d-cross:after{width:14px;height:2px;left:0;top:6px}.c1{top:22px;right:160px}.c2{top:44px;right:134px}.c3{top:33px;right:108px}.d-dot{width:5px;height:5px;border-radius:50%;background:#b8a8d8}.dot1{top:40px;right:146px}.dot2{bottom:40px;left:146px}.d-arrow{left:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid #c0aee0}.content{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:18px 72px 16px}.brand{text-align:center}.brand img{width:220px;margin-top:4px}.title-text{font-weight:700;font-size:12.5px;letter-spacing:.16em;color:#7858b8;white-space:nowrap;text-transform:uppercase;text-align:center}.name-rule1{width:330px;height:1px;background-color:#d7d7d7;margin:0 auto}.certify-label{font-weight:700;font-size:11px;color:#564870;letter-spacing:.05em}.recipient{font-weight:700;font-size:26px;color:#373e67;letter-spacing:.02em;text-align:center}.name-rule{width:380px;height:1px;background-color:#d7d7d7;margin:0 auto}.completed-label{font-size:11px;letter-spacing:.04em}.completed-label,.course-title{font-weight:700;color:#373e67;text-align:center}.course-title{font-size:22px;letter-spacing:.02em}.proficiency-label{font-weight:700;font-size:10px;color:#373e67;letter-spacing:.07em;text-align:center}.skills{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tag{background:#d2c6f04d;border:1.5px solid #aa96dc80;border-radius:50px;padding:4px 14px;font-weight:500;font-size:10px;color:#503898;letter-spacing:.03em;white-space:nowrap}.h-rule{width:80%;height:1px;background-color:#d7d7d7}.info-row{display:flex;align-items:stretch;width:100%}.info-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.v-sep{width:1px;background:#d7d7d7;flex-shrink:0}.info-lbl{font-weight:500;font-size:9px;color:#564870;letter-spacing:.1em;text-align:center}.info-val{font-weight:600;font-size:15px;line-height:1.2}.info-sub,.info-val{color:#7858b8;text-align:center}.info-sub{font-weight:400;font-size:9px}.footer{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.sig-block{display:flex;flex-direction:column}.sig-script{font-family:Dancing Script,cursive;font-size:30px;color:#2a1e40;line-height:1.1}.sig-rule{width:200px;height:1px;background:#c0aee0;margin:4px 0 3px}.sig-name{font-weight:600;font-size:10px;color:#2a1e40;letter-spacing:.04em}.sig-role{font-weight:400;font-size:9px;color:#7868a0;letter-spacing:.03em}.id-qr{display:flex;align-items:center;gap:12px}.id-block{text-align:left}.id-line{font-weight:500;font-size:10px;color:#2a1e40;letter-spacing:.04em;margin-bottom:3px}.verify-line{font-weight:400;font-size:9px;color:#7868a0;letter-spacing:.03em}.qr-img{width:62px;height:62px;flex-shrink:0;border-radius:5px;border:1px solid #c0aee0;display:block}@media screen and (max-width:768px){.certificate-screen-wrapper{min-height:auto;align-items:flex-start;padding-top:90px;padding-bottom:40px}.cert{width:calc(100vw - 24px);aspect-ratio:unset;height:auto;overflow:visible}.cert:before{inset:8px}.content{height:auto;justify-content:flex-start;gap:12px;padding:28px 24px 24px}.brand img{width:160px}.title-text{font-size:9px;letter-spacing:.1em;white-space:normal}.name-rule1{width:100%}.recipient{font-size:20px}.name-rule{width:100%}.course-title{font-size:17px}.tag{font-size:9px;padding:4px 10px}.sig-script{font-size:24px}.sig-rule{width:160px}.id-line,.verify-line{font-size:8px}.qr-img{width:52px;height:52px}}@media screen and (max-width:600px){.certificate-screen-wrapper{padding-top:80px;padding-bottom:40px}.cert{width:calc(100vw - 24px);aspect-ratio:unset;height:auto;overflow:visible}.content{height:auto;justify-content:flex-start;gap:14px;padding:28px 20px 24px}.info-row{flex-direction:column;gap:10px}.v-sep{width:60%;height:1px;margin:0 auto}.info-lbl{font-size:10px}.info-val{font-size:16px}.info-sub{font-size:10px}.footer{flex-direction:column;align-items:center;gap:18px}.sig-block{align-items:center;text-align:center}.sig-script{font-size:26px}.sig-rule{width:160px}.id-qr{flex-direction:column;align-items:center;gap:8px}.id-block{text-align:center}.id-line{font-size:11px}.verify-line{font-size:10px}.qr-img{width:72px;height:72px}.d-arrow{display:none}.d-circle-tr{width:160px;height:160px;top:-50px;right:-50px}.d-circle-bl{width:160px;height:160px;bottom:-50px;left:-50px}}@media print{body{margin:0;background:#fff}main{padding:0!important;background:#fff!important}.certificate-screen-wrapper{width:100%;min-height:auto;display:block;padding:0!important}.cert{width:297mm!important;height:180mm!important;aspect-ratio:auto!important;overflow:hidden!important;box-shadow:none!important;margin:0 auto!important}.content{height:100%!important;justify-content:space-evenly!important}.cert:before{inset:10px}@page{size:297mm 180mm;margin:0}}