.cert-page{min-height:100dvh;padding:32px 24px 60px;background:#eeece5;color:#15151a;font-family:var(--font-sans),sans-serif}.cert-toolbar{max-width:1120px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cert-back{color:#44444d;font-size:13px;min-height:44px;display:inline-flex;align-items:center}.cert-back:hover{color:#0000eb}.cert-print-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;background:#0000eb;color:#fff;padding:13px 20px;border:0;font-weight:600;font-size:12px;cursor:pointer}.cert-print-btn:hover{background:#242445}.cert-frame{position:relative;max-width:1120px;margin:0 auto;min-height:760px;padding:45px 55px;display:flex;flex-direction:column;background:#f8f7f2;border:1px solid #ceccc5;overflow:hidden}.cert-frame:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:#0000eb}.cert-frame:after{content:"";position:absolute;right:0;top:0;width:65px;height:8px;background:#d93626}.cert-bg{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,#15151a05 79px 80px);pointer-events:none}.cert-body,.cert-footer,.cert-header{position:relative;z-index:1}.cert-header{justify-content:space-between;gap:25px;padding-bottom:24px;border-bottom:1px solid #ceccc5}.cert-brand,.cert-header{display:flex;align-items:center}.cert-brand{gap:13px}.cert-brand-mark{width:48px;height:48px;display:grid;place-items:center;background:#0000eb;color:#fff;font-size:19px;font-weight:800;letter-spacing:-1px}.cert-brand-name{font-size:24px;font-weight:750;letter-spacing:-.06em}.cert-brand-tag{font:8px/1.7 var(--font-mono),monospace;text-transform:uppercase;color:#606069;margin-top:3px}.cert-kind{font:9px/1.6 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.04em;color:#0000eb;padding:9px 12px;border:1px solid #0000eb}.cert-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding-block:48px}.cert-completed,.cert-presents{color:#606069;font:10px/1.8 var(--font-mono),monospace;letter-spacing:.04em;text-transform:uppercase}.cert-name{font:650 clamp(2rem,4.6vw,4rem)/1.08 var(--font-sans),sans-serif;color:#0000eb;letter-spacing:-.065em;margin-block:16px 25px;overflow-wrap:anywhere}.cert-title{font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.16;font-weight:550;color:#15151a;letter-spacing:-.04em;margin-block:12px 22px}.cert-description{max-width:700px;color:#606069;font-size:12px;line-height:1.8}.cert-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding-top:24px;border-top:1px solid #ceccc5}.cert-meta{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.cert-meta-row{display:flex;flex-direction:column;gap:7px}.cert-meta-label{color:#606069;font:9px/1.5 var(--font-mono),monospace;text-transform:uppercase}.cert-meta-value{font-size:13px;font-weight:600}.cert-code{color:#0000eb;font:12px/1.6 var(--font-mono),monospace;overflow-wrap:anywhere}.cert-signature{max-width:240px;grid-column:1/-1;margin-top:8px}.cert-sig-line{border-top:1px solid #b6b4ad;margin-bottom:10px}.cert-sig-name{font-size:12px;font-weight:600}.cert-sig-role{font:8px/1.8 var(--font-mono),monospace;color:#606069;text-transform:uppercase}.cert-qr{display:flex;flex-direction:column;align-items:center;gap:10px;background:white;padding:12px;border:1px solid #ceccc5}.cert-qr img{display:block;width:110px;height:110px}.cert-qr-label{color:#606069;font:8px/1.6 var(--font-mono),monospace;text-transform:uppercase}.cert-seal{position:absolute;top:43%;right:45px;transform:rotate(-12deg);color:#0000eb0c;pointer-events:none}.cert-revoked-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#fff5f2e8;color:#ae2017;border:4px solid #ae2017;padding:25px;text-align:center;font-weight:800;font-size:clamp(1.6rem,4vw,3.4rem);z-index:2}.cert-revoked-overlay small{font-size:13px;font-weight:400;line-height:1.8}.cert-verify{max-width:1120px;margin:24px auto 0}.cert-verify-box{background:#f8f7f2;border:1px solid #ceccc5;padding:26px}.cert-verify-status{font-weight:600;font-size:19px;margin-bottom:14px;letter-spacing:-.03em}.cert-verify-status.ok{color:#12643d}.cert-verify-status.ko{color:#ae2017}.cert-verify p{color:#606069;font-size:13px;line-height:1.8;margin-bottom:12px}.cert-verify-link{font:10px/1.8 var(--font-mono),monospace;color:#0000eb;overflow-wrap:anywhere}@media(max-width:700px){.cert-page{padding:18px 16px 35px}.cert-frame{padding:28px;min-height:0}.cert-header{align-items:flex-start;flex-direction:column}.cert-brand-name{font-size:22px}.cert-body{padding-block:40px}.cert-footer{align-items:flex-start;flex-direction:column}.cert-meta{width:100%}.cert-qr{align-self:flex-end}.cert-toolbar{align-items:start}.cert-print-btn{font-size:11px;padding-inline:13px}}@media print{@page{size:A4 landscape;margin:0}body{background:white!important}.no-print{display:none!important}.cert-page{padding:0;min-height:auto;background:white}.cert-frame{margin:0;max-width:none;min-height:0;width:297mm;height:210mm;padding:14mm 17mm;border:0;box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cert-body{padding-block:10mm}.cert-footer,.cert-header{flex-direction:row}.cert-qr{align-self:auto}}