.cert-preview{border-radius:var(--radius-card);background:linear-gradient(180deg, var(--surface-card) 0%, var(--surface-cream) 100%);border:1px solid var(--hairline-strong);width:100%;max-width:460px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.cert-preview__accent{background:linear-gradient(90deg, var(--forest) 0%, var(--mint) 100%);height:8px;display:block}.cert-preview__seal{background:var(--surface-mint);border:1.5px solid var(--forest);width:40px;height:40px;color:var(--forest);font-family:var(--font-sans);letter-spacing:.02em;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:22px;right:22px}.cert-preview__body{flex-direction:column;padding:24px 28px 20px;display:flex}.cert-preview__head{align-items:center;gap:8px;margin-bottom:14px;padding-right:48px;display:flex}.cert-preview__mark{background:var(--forest);width:26px;height:26px;color:var(--on-forest);font-family:var(--font-sans);border-radius:7px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.cert-preview__brand{font-family:var(--font-sans);letter-spacing:.03em;text-transform:uppercase;color:var(--muted-foreground);font-size:10px;font-weight:600;line-height:1.25}.cert-preview__kicker{font-family:var(--font-sans);color:var(--ink);margin:0 0 10px;font-size:19px;font-weight:700}.cert-preview__sub{font-family:var(--font-sans);color:var(--muted-foreground);margin:14px 0 8px;font-size:11px}.cert-preview__line{border-radius:var(--radius-full,999px);background:var(--hairline);height:10px;display:block}.cert-preview__line--name{border-bottom:1.5px solid var(--hairline-strong);background:0 0;border-radius:0;width:62%;height:14px}.cert-preview__line--course{width:100%;margin-bottom:6px}.cert-preview__line--short{width:70%;margin-bottom:0}.cert-preview__meta{flex-direction:column;gap:6px;margin:16px 0 0;display:flex}.cert-preview__meta-row{font-family:var(--font-sans);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:11px;line-height:1.4;display:flex}.cert-preview__meta-row dt{color:var(--forest);flex:none;font-weight:700}.cert-preview__meta-row dd{color:var(--body);margin:0}.cert-preview__sign-row{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px;padding-top:12px;display:flex}.cert-preview__sign{font-family:var(--font-sans);color:var(--muted-foreground);align-items:center;gap:5px;font-size:10px;display:flex}.cert-preview__sign--trainer{color:var(--forest);font-weight:600}.cert-preview__sign-line{border-top:1.5px solid var(--hairline-strong);width:18px;height:0}@media (max-width:1023px){.cert-preview{max-width:420px}}@media (max-width:639px){.cert-preview{max-width:100%}.cert-preview__body{padding:20px 20px 16px}.cert-preview__kicker{font-size:17px}.cert-preview__sign-row{justify-content:flex-start;gap:16px}}