/* Drabuff | Achievement edition. Shared by CyberHero and CyberShield. */
.certificate.diploma{--cert-gold:#cda958;--cert-navy:#102b40;background:radial-gradient(ellipse at top right,#265367,#102b40 55%,#0c1e32);padding:30px;border:1px solid #e3c682;border-radius:24px;box-shadow:0 24px 60px #14294226,0 6px 0 #0b2032;color:#142e41;max-width:1120px}.certificate.diploma:before{inset:8px;border-color:#e5c77d8a;border-radius:18px}.certificate.diploma:after{content:'';position:absolute;inset:14px;border:1px solid #d4b26735;border-radius:12px;pointer-events:none;z-index:-1}.diploma-top{padding:4px 8px 27px}.diploma-brand img{width:64px;height:64px;background:#fff;border-radius:12px;padding:6px;box-shadow:0 4px 15px #0002}.diploma-brand b{font-size:26px;letter-spacing:3px}.diploma-brand span{font-size:9px;letter-spacing:3px;color:#ecd89c}.diploma-edition span{color:#ecd89c;font-size:11px;letter-spacing:2px}.diploma-edition b{font-size:9px;color:#d3e0e7;letter-spacing:1px}.diploma-sheet{padding:43px 44px 29px;background:#fffcf5;background-image:radial-gradient(ellipse at 50% 0,#e8c36b22,transparent 58%),repeating-linear-gradient(135deg,#c49a4805 0,#c49a4805 1px,transparent 1px,transparent 7px);border:1px solid #e5c67e;border-radius:9px;box-shadow:inset 0 0 0 7px #fffaf0,inset 0 0 0 8px #dbba7138}.diploma-sheet:before,.diploma-sheet:after{width:87px;height:87px;border-width:3px;border-color:#bc923d}.diploma-sheet:before{top:17px;left:17px}.diploma-sheet:after{bottom:17px;right:17px}.diploma-watermark{font-size:500px;right:-70px;top:110px;color:#b8903508;transform:rotate(12deg)}.diploma-kicker{display:block;font-size:9px;letter-spacing:4px;margin:0 95px 16px;color:#997231}.certificate.diploma h2{font-size:48px;font-weight:900;letter-spacing:2px;line-height:1.1;margin:0 90px 23px;color:#102b40}.certificate.diploma h2 span{display:inline-block;font-size:23px;font-weight:700;letter-spacing:9px;margin-top:9px;color:#a2782f}.certificate.diploma p.diploma-present{font-size:12px;letter-spacing:.3px;color:#6c7881}.certificate.diploma .cert-name{font-size:44px;font-weight:900;letter-spacing:-1px;line-height:1.25;color:#102b40;margin:10px 0 15px}.diploma-name-line{width:150px;height:3px;background:linear-gradient(90deg,transparent,#b98c32 20%,#ead394 50%,#b98c32 80%,transparent);margin-bottom:13px}.certificate.diploma p.diploma-school{font-size:12px;font-weight:600;margin-bottom:24px;color:#5f6e7a}.certificate.diploma p.diploma-course{font-size:11px;line-height:1.8;margin-bottom:23px;color:#687784}.diploma-course strong{font-size:16px;letter-spacing:1px;color:#193d51}.diploma-award{right:23px;top:35px;width:89px;transform:rotate(5deg)}.diploma-award svg{width:84px;filter:drop-shadow(0 6px 4px #805d2525)}.diploma-award span{font-size:7px;letter-spacing:1px;color:#9a7434}.diploma-award span:after{content:none}.diploma-metrics{background:linear-gradient(90deg,#ede0b744,#fff9e8,#ede0b744);border:1px solid #d4b9798a;border-radius:9px;padding:19px 8px;box-shadow:0 3px 0 #d2b16d13;gap:8px}.diploma-metrics span{font-size:8px;letter-spacing:1.8px;color:#977530}.diploma-metrics b{font-size:27px;font-weight:900;color:#183b4d}.diploma-metrics>div:first-child b{font-size:16px;line-height:1.5}.diploma-metrics small{font-size:10px}.diploma-bottom{align-items:center;margin-top:28px;gap:22px;padding-top:21px;border-top:1px solid #d9c89e70}.diploma-record{max-width:45%}.diploma-record span{font-size:8px;line-height:1.8;letter-spacing:.35px;color:#607381}.diploma-record small{font-size:8px;line-height:1.7}.diploma-issuer{display:flex;align-items:center;gap:15px;text-align:left;max-width:55%;position:relative}.diploma-issuer-photo{width:68px;height:83px;flex:0 0 68px;border-radius:12px;background:linear-gradient(150deg,#e9d7a5,#dfc184);border:1px solid #cfa95b;box-shadow:0 4px 0 #b28a4033;overflow:hidden}.diploma-issuer-photo img{width:100%;height:100%;object-fit:cover;object-position:center 12%;display:block}.diploma-issuer-copy>span{display:block;font-size:7px;font-weight:800;letter-spacing:1.3px;color:#9b7834}.diploma-issuer b{font-size:18px;letter-spacing:.4px;margin:7px 0 3px;line-height:1.45;color:#17394c}.diploma-issuer b em{display:block;font-size:14px;letter-spacing:.2px;font-weight:800;color:#97702c;font-style:normal}.certificate.diploma .diploma-issuer p{font-size:9px;color:#6b7882;margin:4px 0 0}.diploma-footer{padding:23px 5px 2px;font-size:7px;letter-spacing:1.5px;color:#e0c27f}.diploma-footer span:last-child{color:#c1d2dc}.certificate-actions{gap:16px;margin-top:32px}
@media(max-width:1050px){.certificate.diploma{padding:23px}.diploma-sheet{padding:37px 30px 27px}.certificate.diploma h2{font-size:39px;margin-left:55px;margin-right:75px}.certificate.diploma h2 span{font-size:21px;letter-spacing:6px}.certificate.diploma .cert-name{font-size:35px}.diploma-kicker{font-size:8px;margin-left:55px;margin-right:75px;letter-spacing:2px}.diploma-award{width:67px;right:13px}.diploma-award svg{width:65px}.diploma-issuer{gap:10px}.diploma-issuer-photo{width:55px;height:72px;flex-basis:55px}.diploma-issuer b{font-size:15px}.diploma-issuer b em{font-size:13px}.diploma-metrics>div:first-child b{font-size:13px}}
@media(max-width:600px){.certificate.diploma{padding:13px;border-radius:19px}.certificate.diploma:before{inset:5px;border-radius:15px}.certificate.diploma:after{display:none}.diploma-top{padding:6px 3px 18px;gap:10px}.diploma-brand img{width:43px;height:43px;padding:4px;border-radius:8px}.diploma-brand{gap:8px}.diploma-brand b{font-size:16px;letter-spacing:1.5px}.diploma-brand span{font-size:5px;letter-spacing:1.4px}.diploma-edition span{font-size:5px;letter-spacing:.6px}.diploma-edition b{font-size:5px;max-width:92px;line-height:1.8;letter-spacing:.3px}.diploma-sheet{padding:22px 15px 24px}.diploma-sheet:before,.diploma-sheet:after{width:32px;height:32px;border-width:2px}.diploma-sheet:before{top:11px;left:11px}.diploma-sheet:after{bottom:11px;right:11px}.diploma-award{position:relative;top:auto;right:auto;width:56px;margin:0 auto 12px;transform:none}.diploma-award svg{width:54px}.diploma-award span{display:none}.diploma-kicker{font-size:6px;letter-spacing:1.5px;margin:0 0 11px}.certificate.diploma h2{font-size:26px;letter-spacing:1px;margin:0 0 22px}.certificate.diploma h2 span{font-size:15px;letter-spacing:4px;margin-top:7px}.certificate.diploma p.diploma-present{font-size:9px;line-height:1.6}.certificate.diploma .cert-name{font-size:28px;line-height:1.35;letter-spacing:-.5px;margin:8px 0 12px}.diploma-name-line{width:100px;height:2px}.certificate.diploma p.diploma-school{font-size:9px;line-height:1.7;margin-bottom:21px}.certificate.diploma p.diploma-course{font-size:9px;line-height:1.85;margin-bottom:19px}.diploma-course strong{font-size:11px;letter-spacing:.2px;line-height:1.7}.diploma-metrics{padding:14px 3px;gap:3px;border-radius:7px}.diploma-metrics span{font-size:5px;letter-spacing:.4px;line-height:1.5}.diploma-metrics b{font-size:18px}.diploma-metrics>div:first-child b{font-size:9px;line-height:1.7}.diploma-metrics small{font-size:7px;display:block;margin:2px 0 0}.diploma-bottom{flex-direction:column-reverse;gap:20px;margin-top:22px;padding-top:19px}.diploma-issuer{max-width:100%;gap:12px;justify-content:center;text-align:left}.diploma-issuer-photo{width:52px;height:69px;flex-basis:52px;border-radius:9px}.diploma-issuer-copy>span{font-size:6px;letter-spacing:.5px}.diploma-issuer b{font-size:14px;letter-spacing:.1px;margin-top:6px}.diploma-issuer b em{font-size:12px;margin-top:3px}.certificate.diploma .diploma-issuer p{font-size:8px}.diploma-record{max-width:100%;text-align:center}.diploma-record span,.diploma-record small{font-size:7px}.diploma-footer{font-size:5px;padding:18px 0 3px;letter-spacing:.8px}.diploma-footer span:last-child{display:none}}
@media print{.certificate.diploma{padding:5mm;border-radius:0;background:#102b40!important;box-shadow:none}.diploma-top{padding:0 3mm 4mm}.diploma-brand img{width:38px;height:38px}.diploma-brand b{font-size:20px}.diploma-brand span{font-size:7px}.diploma-sheet{padding:6mm 9mm 5mm}.diploma-kicker{font-size:8px;margin-bottom:3mm}.certificate.diploma h2{font-size:30px;margin-bottom:4mm}.certificate.diploma h2 span{font-size:18px;margin-top:2mm;letter-spacing:5px}.certificate.diploma .cert-name{font-size:32px;margin:2mm 0 3mm}.certificate.diploma p.diploma-school{margin-bottom:3mm}.certificate.diploma p.diploma-course{margin-bottom:4mm}.diploma-metrics{padding:3mm 1mm}.diploma-metrics b{font-size:22px}.diploma-metrics>div:first-child b{font-size:12px}.diploma-bottom{margin-top:4mm;padding-top:4mm;flex-direction:row}.diploma-issuer-photo{width:48px;height:60px;flex-basis:48px}.diploma-issuer b{font-size:15px}.diploma-issuer b em{font-size:11px}.diploma-record{max-width:45%}.diploma-issuer{max-width:55%}.diploma-footer{padding:4mm 1mm 0}.diploma-award{position:absolute;right:20px;top:20px;width:62px}.diploma-award svg{width:60px}.diploma-watermark{display:none}}