*{box-sizing:border-box}body{margin:0;background:#eef3f9;color:#071b3d;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.cert-page{width:min(1180px,calc(100% - 28px));margin:28px auto}.cert-card{background:#fff;box-shadow:0 20px 60px rgba(7,27,61,.13);aspect-ratio:1.414/1;overflow:hidden}.cert-frame{height:100%;position:relative;padding:34px 58px 32px;border:2px solid #d6a72e;outline:1px solid #d6a72e;outline-offset:-10px;background:radial-gradient(circle at 50% 45%,#fff 0,#fff 55%,#f8fbff 100%);overflow:hidden}.cert-frame:before,.cert-frame:after{content:"";position:absolute;width:430px;height:170px;background:#06468f;border:16px solid #d9ae43;z-index:0;transform:rotate(-35deg)}.cert-frame:before{left:-210px;top:-70px}.cert-frame:after{right:-220px;bottom:-95px}.corner{position:absolute;width:34px;height:34px;border-color:#d6a72e;z-index:3}.corner-tl{left:13px;top:13px;border-left:3px solid;border-top:3px solid}.corner-tr{right:13px;top:13px;border-right:3px solid;border-top:3px solid}.corner-bl{left:13px;bottom:13px;border-left:3px solid;border-bottom:3px solid}.corner-br{right:13px;bottom:13px;border-right:3px solid;border-bottom:3px solid}.cert-header,.cert-title,.cert-recipient,.cert-performance,.cert-details,.cert-bottom{position:relative;z-index:2}.cert-header{display:flex;align-items:center;justify-content:space-between}.cert-logo{display:flex;align-items:center;gap:12px}.logo-mark{font-size:38px;color:#1454cf}.cert-logo b{font-size:31px;letter-spacing:-1px}.cert-logo b span{color:#1454cf}.cert-logo small{display:block;letter-spacing:.28em;color:#657087;font-size:8px;margin-top:2px}.cert-motto{border-left:1px solid #c89a2a;padding-left:18px;font:15px/1.4 Georgia,serif;color:#7d8492}.cert-title{text-align:center;margin-top:12px}.cert-title h1{font:700 49px/1.05 Georgia,serif;letter-spacing:.025em;margin:0}.cert-title div{display:flex;align-items:center;justify-content:center;gap:12px;color:#b98013;margin-top:8px}.cert-title i{height:1px;width:78px;background:#c69731}.cert-title span{font:13px Georgia,serif;letter-spacing:.32em}.cert-recipient{text-align:center;margin-top:15px}.cert-recipient p{font:17px/1.35 Georgia,serif;margin:4px;color:#293241}.cert-recipient h2{font:700 43px/1 Georgia,serif;margin:8px auto 10px;display:table;min-width:310px;padding:0 34px 8px;border-bottom:1px solid #c89a2a}.cert-performance{width:58%;margin:14px auto 10px;display:flex;justify-content:center;align-items:center;border:1px solid #dce3ee;border-radius:14px;background:rgba(255,255,255,.8);padding:9px 22px}.metric{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;align-items:center;justify-content:center;column-gap:8px;flex:1}.metric-icon{font-size:27px;color:#1454cf}.metric strong{font:700 43px Georgia,serif;color:#1454cf}.metric b{font:700 24px Georgia,serif}.metric small{grid-column:2/4;letter-spacing:.12em;font-weight:800;font-size:9px}.metric-divider{height:55px;width:1px;background:#cfd7e4;margin:0 20px}.cert-details{display:flex;justify-content:center;gap:12px}.cert-details>div{width:190px;border:1px solid #dce3ee;border-radius:10px;padding:8px 14px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;background:#fff}.cert-details>div>span{grid-row:1/3;color:#1454cf;font-size:21px;align-self:center}.cert-details small{font:12px Georgia,serif;color:#555}.cert-details b{font:700 14px Georgia,serif;color:#1454cf}.cert-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:16px}.verify-block{display:flex;align-items:center;gap:14px}.verified-seal{width:90px;height:90px;border-radius:50%;border:7px double #d5a637;background:#082b61;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px 10px #0002}.verified-seal b{font-size:8px}.verified-seal strong{font-size:25px;color:#f1c75b}.verified-seal span{font:700 10px Georgia,serif}.verify-copy{display:grid;grid-template-columns:auto;line-height:1.15}.verify-copy small{color:#667085;font-size:9px;margin-top:3px}.verify-copy b{font:700 13px Georgia,serif}.verify-copy p{font-size:8px;color:#667085;margin:5px 0 1px}.verify-copy span{font-size:8px;color:#1454cf;font-weight:700;max-width:360px;overflow-wrap:anywhere}.signature{text-align:center;min-width:230px}.signature-line{font:italic 31px "Brush Script MT",cursive;border-bottom:1px solid #c89a2a;padding-bottom:2px}.signature b{display:block;font:700 13px Georgia,serif;margin-top:3px}.signature small{letter-spacing:.2em;font-size:7px;color:#657087}#cert-status{text-align:center;padding:80px;color:#64748b}.cert-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.cert-actions a,.cert-actions button{border:0;border-radius:10px;padding:11px 16px;text-decoration:none;font-weight:800;cursor:pointer}.cert-actions a{background:#fff;color:#3157d5}.cert-actions button{background:#3157d5;color:#fff}@media(max-width:800px){.cert-page{width:100%;margin:0;overflow:auto}.cert-card{width:1050px;height:743px;aspect-ratio:auto;transform-origin:top left}.cert-actions{position:sticky;left:0;width:100vw;padding-bottom:16px}.cert-frame{padding:34px 58px}}@page{size:A4 landscape;margin:0}@media print{body{background:#fff}.cert-page{width:297mm;margin:0}.cert-card{width:297mm;height:210mm;aspect-ratio:auto;box-shadow:none}.cert-actions{display:none}.cert-frame{height:210mm}}
.cert-actions{align-items:center;flex-wrap:wrap}.cert-actions .standalone-language{background:#fff;padding:4px 7px;border-radius:10px}@media print{.standalone-language{display:none!important}}
/* v31 verified certificate QR */
.cert-qr{width:92px;height:92px;display:grid;place-items:center;padding:3px;background:#fff;border:1px solid #d7dfeb;border-radius:8px}.cert-qr img,.cert-qr canvas{display:block!important;width:86px!important;height:86px!important}.qr-fallback{font-weight:900;color:#082b61}.verified-seal{flex:0 0 90px}.verify-copy{min-width:0}@media(max-width:800px){.cert-qr{flex:0 0 92px}}
@media print{.cert-qr{break-inside:avoid}}