.c-skeleton-shimmer:before,.u-skeleton-shimmer:before{animation:c-skeleton-shimmer calc(var(--duration-slow) * 2) infinite;background:linear-gradient(90deg, var(--color-surface) 0%, var(--color-subtle-bg) 50%, var(--color-surface) 100%);content:"";position:absolute;inset:0;transform:translate(-100%)}@keyframes c-skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.c-skeleton-shimmer:before,.u-skeleton-shimmer:before{animation:none}}.c-cert-page{background:linear-gradient(180deg, var(--color-palette-surface) 0, var(--color-bg) calc(var(--space-10) * 4));min-height:100vh;padding:var(--space-6) 0 var(--space-8);container-type:inline-size}.c-cert-container{max-width:calc(var(--size-cert-card) * 2 + var(--space-10));width:min(calc(100% - var(--space-6)), calc(var(--size-cert-card) * 2 + var(--space-10)));margin:0 auto}.c-cert-hero{background:color-mix(in srgb, var(--color-surface) 88%, var(--color-palette-surface));border:var(--border-1);border-color:var(--color-palette-border);border-radius:var(--radius-s);box-shadow:var(--shadow-elevation-2);margin:0 0 var(--space-6);padding:var(--space-6);text-align:center}.c-cert-hero:after{background:var(--gradient-primary);border-radius:var(--radius-xs);content:"";height:var(--space-1);margin:var(--space-4) auto 0;width:var(--space-10);display:block}.c-cert-hero h1{color:var(--color-text);font-size:var(--font-size-5);letter-spacing:0;line-height:var(--line-height-1);margin:0}.c-cert-hero-summary{color:var(--color-text-muted);font-size:var(--font-size-2);line-height:var(--line-height-4);margin:var(--space-4) auto 0;max-width:64ch}.c-cert-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit, minmax(min(var(--size-cert-card), 100%), calc(var(--size-cert-card) + var(--space-10))));justify-content:center;padding:0;display:grid}.c-credly-container{background:color-mix(in srgb, var(--color-surface) 88%, var(--color-bg));border:var(--border-1);border-color:var(--color-border-soft);border-radius:var(--radius-s);box-shadow:var(--shadow-elevation-1);margin:var(--space-4) auto;max-width:var(--size-credly-badge);min-height:var(--size-credly-badge);padding:var(--space-2);position:relative;overflow:hidden;& iframe{border-radius:calc(var(--radius-s) - var(--space-1));opacity:0;max-width:100%;transition:opacity var(--duration-normal) var(--easing-standard);border:0;display:block}&.is-loaded iframe{opacity:1}&:focus-within{border-color:var(--color-palette-border);box-shadow:var(--shadow-elevation-1), var(--focus-ring)}& .c-credly-skeleton,& .c-credly-error{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}& .c-credly-skeleton{background:var(--color-palette-surface);overflow:hidden}&.is-loaded .c-credly-skeleton{opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--easing-standard)}& .c-credly-error{background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-1);gap:var(--space-2);padding:var(--space-2);text-align:center;flex-direction:column}& .c-credly-error button{background:var(--color-palette-surface);border:var(--border-1);border-color:var(--color-palette-border);border-radius:var(--radius-xs);color:var(--color-text);cursor:pointer;min-height:var(--space-7);padding:var(--space-1) var(--space-3);transition:background-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard)}& .c-credly-error button:hover{background:var(--color-palette-surface-strong)}& .c-credly-error button:focus-visible{box-shadow:var(--focus-ring);outline:var(--border-width-hairline) solid var(--color-palette-border);outline-offset:var(--space-1)}}.c-cert-card{background:color-mix(in srgb, var(--color-surface) 92%, var(--color-bg));border:var(--border-1);border-color:var(--color-palette-border);border-radius:var(--radius-s);box-shadow:var(--shadow-cert-card);gap:var(--space-5);padding:var(--space-6);text-align:center;transition:border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);flex-direction:column;display:flex;position:relative;overflow:hidden;&:before{background:var(--gradient-primary);content:"";height:var(--space-1);position:absolute;inset:0 0 auto}@media (hover:hover){&:hover{box-shadow:var(--shadow-cert-card-hover);transform:translateY(calc(var(--space-1) * -.5))}}&:active{transform:translateY(0)}&:focus-within{border-color:var(--color-palette-border);box-shadow:var(--shadow-cert-card-hover), 0 0 0 2px var(--color-palette-surface)}&:focus-visible{box-shadow:var(--shadow-cert-card-hover), var(--focus-ring);outline:none}& h2{color:var(--color-text);font-size:var(--font-size-3);line-height:var(--line-height-3);margin:0}& p{margin:0}& .c-verify-links{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;justify-content:center;display:flex;& .c-verify-btn{min-width:calc(var(--space-10) * 1.5);flex:auto;&:focus-visible{outline:var(--border-width-hairline) solid var(--color-palette-border);outline-offset:var(--space-1)}}}}.c-cert-card-copy{gap:var(--space-4);display:grid}.c-cert-proof{border-color:var(--color-border-soft);border-top:var(--border-1);gap:var(--space-3);padding-top:var(--space-4);text-align:left;display:grid;& h3{color:var(--color-text);font-size:var(--font-size-2);line-height:var(--line-height-3);margin:0}& ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}& li{color:var(--color-text);font-size:var(--font-size-1);line-height:var(--line-height-4);padding-left:var(--space-4);position:relative}& li:before{background:var(--color-palette-border);content:"";height:var(--space-2);inset:calc(var(--space-2) * .85) auto auto 0;width:var(--space-2);border-radius:50%;position:absolute}}.c-cert-boundary{color:var(--color-text-muted);font-size:var(--font-size-1);line-height:var(--line-height-4)}.c-cert-meta{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid;& div{background:color-mix(in srgb, var(--color-palette-surface) 68%, var(--color-surface));border:var(--border-1);border-color:var(--color-border-soft);border-radius:var(--radius-xs);padding:var(--space-3);text-align:left}& dt{color:var(--color-text-muted);font-size:var(--font-size-0);font-weight:700;line-height:var(--line-height-2)}& dd{color:var(--color-text);font-size:var(--font-size-1);line-height:var(--line-height-4);margin:var(--space-1) 0 0}}@media (width<=36rem){.c-cert-page{background:var(--color-bg);padding:var(--space-4) 0 var(--space-7)}.c-cert-container{width:calc(100% - var(--space-4))}.c-cert-hero{margin-bottom:var(--space-5);padding:var(--space-4)}.c-cert-hero h1{font-size:var(--font-size-4)}.c-cert-card{padding:var(--space-4)}.c-cert-meta{grid-template-columns:1fr}.c-cert-card .c-verify-links{flex-direction:column}.c-cert-card .c-verify-links .c-verify-btn{width:100%}}