.level-certificate{--cert-bg:#effcff;--cert-paper:#fbfeff;--cert-ink:#102a38;--cert-muted:#4d6a78;--cert-accent:#0891b2;--cert-accent2:#2563eb;--cert-gold:#d4a72c;isolation:isolate;aspect-ratio:1.414;border:1px solid color-mix(in srgb,var(--cert-accent) 35%,transparent);background:linear-gradient(135deg,var(--cert-paper),var(--cert-bg));width:min(1120px,100%);color:var(--cert-ink);border-radius:28px;margin:0 auto;padding:clamp(24px,4vw,50px);font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 30px 90px #030c1c3d}.level-certificate:before,.level-certificate:after{content:"";z-index:-1;pointer-events:none;position:absolute}.level-certificate:before{border:1px solid color-mix(in srgb,var(--cert-accent) 28%,transparent);border-radius:19px;inset:14px}.level-certificate:after{border:1px solid color-mix(in srgb,var(--cert-gold) 28%,transparent);border-radius:14px;inset:23px}.certificate--intermediate{--cert-bg:#f2efff;--cert-paper:#fffdfa;--cert-ink:#271b4b;--cert-muted:#655f7d;--cert-accent:#6d28d9;--cert-accent2:#1d4ed8;--cert-gold:#bf8b20}.certificate-orbit{z-index:-1;border:1px solid color-mix(in srgb,var(--cert-accent) 17%,transparent);pointer-events:none;border-radius:999px;position:absolute}.certificate-orbit-a{width:420px;height:420px;top:-210px;right:-190px}.certificate-orbit-b{width:300px;height:300px;bottom:-170px;left:-160px}.certificate-keyboard-watermark{z-index:-1;opacity:.035;transform-origin:50%;width:42%;height:36%;display:flex;position:absolute;top:27%;right:4%;transform:rotate(-8deg)}.certificate-keyboard-watermark span{background:currentColor;border:1px solid;border-radius:0 0 5px 5px;flex:1}.certificate-keyboard-watermark span:nth-child(2n){z-index:2;background:0 0;height:62%;margin-left:-1.4%;margin-right:-1.4%}.certificate-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.certificate-brand{align-items:center;gap:13px;display:flex}.certificate-brand-mark{background:linear-gradient(135deg,var(--cert-accent),var(--cert-accent2));color:#fff;width:46px;height:46px;box-shadow:0 9px 24px color-mix(in srgb,var(--cert-accent) 25%,transparent);border-radius:15px;place-items:center;display:grid}.certificate-brand-mark svg{width:23px}.certificate-brand div{gap:1px;display:grid}.certificate-brand strong{letter-spacing:.02em;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,2vw,23px)}.certificate-brand small{color:var(--cert-muted);text-transform:uppercase;letter-spacing:.17em;font-size:9px}.certificate-level-badge{border:1px solid color-mix(in srgb,var(--cert-gold) 50%,transparent);background:color-mix(in srgb,var(--cert-gold) 7%,transparent);color:var(--cert-gold);border-radius:999px;align-items:center;gap:10px;padding:7px 13px 7px 15px;display:flex}.certificate-level-badge span{text-transform:uppercase;letter-spacing:.2em;font-size:8px;font-weight:900}.certificate-level-badge b{background:var(--cert-gold);color:#15120b;border-radius:50%;place-items:center;min-width:26px;height:26px;font-family:Georgia,serif;font-size:13px;display:grid}.certificate-main{text-align:center;padding:clamp(18px,3vw,34px) 6% 10px}.certificate-eyebrow{color:var(--cert-accent);letter-spacing:.23em;text-transform:uppercase;margin:0;font-size:9px;font-weight:900}.certificate-main h1{letter-spacing:-.025em;margin:7px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,4.8vw,59px);font-weight:600;line-height:1.02}.certificate-recognition{color:var(--cert-muted);margin:0;font-family:Georgia,serif;font-size:13px;font-style:italic}.certificate-main h2{max-width:85%;color:var(--cert-accent);margin:6px auto 3px;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,4vw,48px);font-weight:500;line-height:1.05}.certificate--advanced .certificate-main h2{color:var(--cert-gold)}.certificate-name-rule{background:linear-gradient(90deg,transparent,var(--cert-gold),transparent);width:min(430px,58%);height:1px;margin:7px auto 12px}.certificate-achievement{max-width:760px;color:var(--cert-muted);margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:clamp(11px,1.45vw,15px);line-height:1.6}.certificate-score{background:color-mix(in srgb,var(--cert-accent) 8%,transparent);color:var(--cert-muted);border-radius:999px;margin:9px 0 0;padding:5px 10px;font-size:9px;display:inline-block}.certificate-score strong{color:var(--cert-accent)}.certificate-lower-grid{grid-template-columns:1.22fr .55fr 1.15fr;align-items:end;gap:18px;margin-top:clamp(9px,1.5vw,18px);display:grid}.certificate-signature-block{gap:9px;display:grid}.certificate-digital-signature{text-align:center}.certificate-signature-name{color:var(--cert-accent);margin-bottom:-4px;font-family:Brush Script MT,Segoe Script,cursive;font-size:clamp(19px,2.6vw,31px);font-style:italic;display:block;transform:rotate(-2deg)}.certificate--advanced .certificate-signature-name{color:var(--cert-gold)}.certificate-signature-line{background:color-mix(in srgb,var(--cert-ink) 38%,transparent);width:82%;height:1px;margin:0 auto 5px}.certificate-digital-signature strong{font-size:9px;display:block}.certificate-digital-signature small{color:var(--cert-muted);margin-top:2px;font-size:7.5px;display:block}.certificate-digital-seal{border:1px solid color-mix(in srgb,var(--cert-accent) 25%,transparent);background:color-mix(in srgb,var(--cert-accent) 5%,transparent);border-radius:10px;align-items:center;gap:8px;padding:7px 9px;display:flex}.certificate-digital-seal>svg{width:18px;color:var(--cert-accent);flex:none}.certificate-digital-seal div{gap:1px;min-width:0;display:grid}.certificate-digital-seal b{text-transform:uppercase;letter-spacing:.08em;font-size:7.5px}.certificate-digital-seal span{color:var(--cert-muted);font-size:6.5px}.certificate-digital-seal code{text-overflow:ellipsis;color:var(--cert-accent);font-size:6px;overflow:hidden}.certificate-digital-seal.is-pending{border-color:#d97706}.certificate-digital-seal.is-pending>svg{color:#d97706}.certificate-seal-center{place-items:center;display:grid}.certificate-medallion{border:2px solid var(--cert-gold);background:radial-gradient(circle,color-mix(in srgb,var(--cert-gold) 15%,transparent),transparent 65%);width:96px;height:96px;color:var(--cert-gold);box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--cert-gold) 8%,transparent),0 10px 30px color-mix(in srgb,var(--cert-gold) 16%,transparent);text-align:center;border-radius:50%;place-items:center;display:grid}.certificate-medallion svg{width:20px;height:20px}.certificate-medallion b{margin-top:-7px;font-family:Georgia,serif;font-size:25px}.certificate-medallion span{letter-spacing:.12em;text-transform:uppercase;margin-top:-10px;font-size:5.8px;font-weight:900}.certificate-verification-block{gap:7px;display:grid}.certificate-codes{justify-content:flex-end;align-items:center;gap:9px;display:flex}.certificate-qr{background:#fff;border-radius:8px;width:70px;height:70px;padding:3px}.certificate-codes>div{gap:2px;min-width:0;display:grid}.certificate-codes strong{text-transform:uppercase;letter-spacing:.08em;font-size:8px}.certificate-codes span{color:var(--cert-muted);font-size:6.7px}.certificate-codes code{color:var(--cert-accent);word-break:break-all;font-size:7px;font-weight:800}.certificate-barcode{color:#111;border-radius:5px;width:100%;height:38px;overflow:hidden}.certificate-footer{border-top:1px solid color-mix(in srgb,var(--cert-ink) 14%,transparent);grid-template-columns:1fr 1fr .82fr;align-items:center;gap:14px;margin-top:12px;padding-top:10px;display:grid}.certificate-footer>div:not(.certificate-status){gap:2px;display:grid}.certificate-footer span{color:var(--cert-muted);letter-spacing:.12em;text-transform:uppercase;font-size:6.5px;font-weight:800}.certificate-footer strong{font-size:8.5px}.certificate-status{border-radius:999px;justify-self:end;align-items:center;gap:7px;padding:6px 10px;display:flex}.certificate-status svg{width:16px}.certificate-status div{display:grid}.certificate-status.is-valid{color:#059669;background:#10b98114;border:1px solid #10b98159}.certificate-status.is-revoked{color:#ef4444;background:#ef444414;border:1px solid #ef444466}.level-certificate--compact{border-radius:18px;padding:22px}.level-certificate--compact .certificate-main{padding:12px 4% 5px}.level-certificate--compact .certificate-main h1{font-size:29px}.level-certificate--compact .certificate-main h2{font-size:24px}.level-certificate--compact .certificate-achievement{font-size:9px}.level-certificate--compact .certificate-medallion{width:68px;height:68px}.level-certificate--compact .certificate-qr{width:52px;height:52px}.level-certificate--compact .certificate-brand small,.level-certificate--compact .certificate-score{display:none}@media (width<=800px){.level-certificate{aspect-ratio:auto;width:100%;min-height:540px;padding:26px 22px}.certificate-lower-grid{grid-template-columns:1fr 110px}.certificate-signature-block{grid-column:1}.certificate-seal-center{grid-area:1/2}.certificate-verification-block{grid-area:2/1/auto/-1;grid-template-columns:1fr 1fr;align-items:center}.certificate-codes{justify-content:flex-start}.certificate-footer{grid-template-columns:1fr 1fr}.certificate-status{grid-column:1/-1;justify-self:start}.certificate-keyboard-watermark{display:none}}@media (width<=520px){.certificate-brand small,.certificate-level-badge span{display:none}.certificate-main{padding-left:0;padding-right:0}.certificate-main h1{font-size:31px}.certificate-main h2{font-size:27px}.certificate-achievement{font-size:11px}.certificate-lower-grid{grid-template-columns:1fr}.certificate-seal-center{display:none}.certificate-verification-block{grid-column:1;grid-template-columns:1fr}.certificate-digital-seal code{font-size:5.5px}.certificate-footer{gap:8px}}@page{size:A4 landscape;margin:0}@media print{body{background:#fff!important}.certificate-print-hidden{display:none!important}.level-certificate{aspect-ratio:auto!important;width:297mm!important;height:210mm!important;min-height:210mm!important;max-height:210mm!important;box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:0!important;border-radius:0!important;margin:0!important;padding:13mm 15mm!important}.level-certificate:before{inset:6mm}.level-certificate:after{inset:8mm}.certificate-main{padding-top:7mm}.certificate-main h1{font-size:15mm}.certificate-main h2{font-size:12mm}.certificate-achievement{font-size:3.5mm}.certificate-medallion{width:27mm;height:27mm}.certificate-qr{width:20mm;height:20mm}}.certificate--advanced{--cert-bg:#f7f3e8;--cert-paper:#fffdf7;--cert-ink:#1f2937;--cert-muted:#5f6470;--cert-accent:#9a6a12;--cert-accent2:#72551f;--cert-gold:#b88924;background:radial-gradient(circle at 86% 9%,#b8892414,#0000 30%),radial-gradient(circle at 8% 92%,#9a6a120d,#0000 28%),linear-gradient(135deg,#fffefa,#f8f4e9 58%,#fffdf7);border-color:#b889245c}.certificate--advanced:before{border-color:#9a6a123d}.certificate--advanced:after{border-color:#b8892447}.certificate--advanced .certificate-keyboard-watermark{opacity:.025}.certificate--advanced .certificate-main h2,.certificate--advanced .certificate-signature-name{color:#966915}.certificate--advanced .certificate-status.is-valid{color:#047857}.certificate--advanced .certificate-brand-mark{background:linear-gradient(135deg,#b88924,#8f6718);box-shadow:0 8px 20px #8f671829}.certificate--advanced .certificate-digital-seal{background:#b889240b;border-color:#9a6a1238}.certificate--advanced .certificate-qr{border:1px solid #1f293714}.certificate--advanced .certificate-barcode{background:#fff}@media print{.certificate--advanced{--cert-bg:#fff;--cert-paper:#fff;color:#111827!important;background:#fff!important}.certificate--advanced .certificate-orbit,.certificate--advanced .certificate-keyboard-watermark{opacity:.018!important}}.level-certificate--preview{border-style:dashed;box-shadow:0 24px 70px #030c1c2e}.certificate-preview-ribbon{z-index:8;border:1px solid color-mix(in srgb,var(--cert-accent) 45%,transparent);background:color-mix(in srgb,var(--cert-paper) 92%,transparent);max-width:70%;color:var(--cert-accent);letter-spacing:.18em;text-align:center;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:8px;font-weight:950;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #030c1c1f}.certificate-preview-verification{border:1px dashed color-mix(in srgb,var(--cert-accent) 38%,transparent);background:color-mix(in srgb,var(--cert-accent) 5%,transparent);border-radius:12px;align-items:center;gap:10px;min-height:76px;padding:10px;display:flex}.certificate-preview-verification>svg{width:26px;height:26px;color:var(--cert-accent);flex:none}.certificate-preview-verification>div{gap:3px;display:grid}.certificate-preview-verification strong{text-transform:uppercase;letter-spacing:.08em;font-size:8px}.certificate-preview-verification span{color:var(--cert-muted);font-size:6.7px;line-height:1.45}.certificate-preview-verification code{color:var(--cert-accent);font-size:7px;font-weight:900}.certificate-status.is-preview{border:1px solid color-mix(in srgb,var(--cert-accent) 38%,transparent);background:color-mix(in srgb,var(--cert-accent) 8%,transparent);color:var(--cert-accent)}.level-certificate--compact .certificate-preview-ribbon{padding:4px 10px;font-size:6px;top:13px}.level-certificate--compact .certificate-preview-verification{min-height:58px;padding:7px}.level-certificate--compact .certificate-preview-verification>svg{width:20px;height:20px}@media (width<=520px){.certificate-preview-ribbon{max-width:82%;font-size:6px;top:12px}.certificate-preview-verification{min-height:64px}}@media print{.certificate-preview-ribbon{padding:1.5mm 4mm;font-size:2.5mm;top:6mm}.level-certificate--preview{border-style:dashed!important}}