.certpub{max-width:900px;margin:0 auto;padding:3rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.5rem;--cp-primary:var(--primary,#1f2937);--cp-accent:var(--cp-accent-frozen,var(--accent,#b45309));--cp-paper:#ffffff;--cp-muted:var(--muted-foreground,#6b7280);--cp-chrome:var(--foreground,#111827)}.dark .certpub,[data-theme=dark] .certpub{--cp-accent:color-mix(in srgb,var(--cp-accent-frozen,#d6a44c) 65%,#ffffff);--cp-muted:var(--muted-foreground,#9ca3af)}.certpub:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 80% -10%,color-mix(in srgb,var(--cp-accent) 10%,transparent),transparent 60%);pointer-events:none}.certpub__header{text-align:center;display:flex;flex-direction:column;gap:.35rem}.certpub__org{font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cp-accent)}.certpub__title{margin:0;font-size:clamp(1.25rem,3.4vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--cp-chrome)}.certpub__class{margin:0;font-size:.9375rem;color:var(--cp-muted)}.certpub__frame{border-radius:10px;overflow:hidden;background:var(--cp-paper);box-shadow:0 1px 2px rgb(0 0 0/6%),0 12px 40px rgb(0 0 0/12%)}.certpub__frame img{display:block;width:100%;height:auto}.certpub__verify{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;font-size:.8125rem;color:var(--cp-muted)}.certpub__verify svg{color:var(--cp-accent)}.certpub__verify code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:var(--cp-chrome)}.certpub__dot{color:var(--cp-muted);opacity:.6}.certpub__expired{margin:0;text-align:center;font-size:.8125rem;color:var(--cp-muted)}.certpub__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.certpub__footer{text-align:center;font-size:.75rem;line-height:1.7;color:var(--cp-muted);border-top:1px solid var(--border,#e5e7eb);padding-top:1.25rem}.certpub__footer a{color:var(--cp-accent)}.certpub--revoked{min-height:60vh;justify-content:center}.certpub__revoked-card{max-width:480px;margin:0 auto;text-align:center;padding:2.5rem 1.75rem;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:var(--card,#fff);display:flex;flex-direction:column;gap:.75rem}.certpub__revoked-badge{align-self:center;padding:.25rem .75rem;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#fee2e2;color:#b91c1c}.certpub__revoked-card h1{margin:0;font-size:1.125rem;font-weight:600;color:var(--foreground,#111827)}.certpub__revoked-card p{margin:0;font-size:.875rem;line-height:1.7;color:var(--muted-foreground,#6b7280)}.certpub__revoked-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.certpub__revoked-note{font-size:.75rem!important}.certpub--verify{max-width:620px}.certverify__form{display:flex;gap:.5rem;flex-wrap:wrap}.certverify__input{flex:1;min-width:220px;padding:.625rem .875rem;border:1px solid var(--border,#e5e7eb);border-radius:8px;font-size:.9375rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;background:var(--background,#fff);color:var(--foreground,#111827)}.certverify__input:focus{outline:2px solid var(--cp-accent);outline-offset:1px}.certverify__error{margin:0;font-size:.8125rem;color:#b91c1c}.certverify__result{display:flex;gap:.875rem;align-items:flex-start;padding:1.25rem;border-radius:12px;border:1px solid var(--border,#e5e7eb);background:var(--card,#fff)}.certverify__result h2{font-size:1rem;font-weight:600}.certverify__result h2,.certverify__result p{margin:0 0 .35rem;color:var(--foreground,#111827)}.certverify__result p{font-size:.875rem;line-height:1.65}.certverify__meta{font-size:.75rem!important;color:var(--muted-foreground,#6b7280)!important}.certverify__meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.certverify__result--valid{border-color:#86efac;background:#f0fdf4}.certverify__result--valid svg{color:#15803d}.certverify__result--warn{border-color:#fcd34d;background:#fffbeb}.certverify__result--warn svg{color:#b45309}.certverify__result--bad{border-color:#fca5a5;background:#fef2f2}.certverify__result--bad svg{color:#b91c1c}