#cert-dialog{--cert-bg:oklch(.16 .008 72);--cert-ink:oklch(.97 .012 80);--cert-gold:oklch(.84 .1 82);--cert-muted:oklch(.74 .025 82);--cert-line:oklch(.85 .065 82 / .23);padding:0;background:var(--cert-bg);color:var(--cert-ink);border:1px solid var(--cert-line);width:calc(100% - 32px);max-width:590px;border-radius:10px;overflow:visible;box-shadow:0 35px 100px oklch(0 0 0 / .5);max-height:90svh}#cert-dialog[open]{animation:cert-open .48s cubic-bezier(.16,1,.3,1)}#cert-dialog::backdrop{background:oklch(.05 0 0 / .78);backdrop-filter:blur(12px);animation:cert-backdrop .3s ease}#cert-dialog *{box-sizing:border-box}#cert-dialog .cert-shell{position:relative;padding:33px 40px 29px;overflow:hidden;border-radius:10px;max-height:90svh;overflow-y:auto;background:radial-gradient(ellipse at 50% 15%,oklch(.39 .053 78 / .23),transparent 48%)}#cert-dialog .cert-shell:before{content:'';position:absolute;inset:10px;border:1px solid oklch(.85 .065 82 / .12);border-radius:4px;pointer-events:none}#cert-dialog .cert-close{position:absolute;right:16px;top:13px;border:0;width:40px;height:40px;font-size:26px;z-index:2;color:var(--cert-muted)}#cert-dialog .cert-close:hover{color:var(--cert-gold)}#cert-dialog .cert-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-right:30px;font-size:10px;color:var(--cert-muted);letter-spacing:.09em}#cert-dialog .cert-top strong{font-weight:700;font-size:16px;color:var(--cert-ink);letter-spacing:-.05em}#cert-dialog .cert-top>span{font-size:9px;letter-spacing:0}#cert-dialog .badge-space{perspective:750px;display:flex;justify-content:center;align-items:center;height:204px;margin-top:8px}#cert-dialog .badge{--rx:0deg;--ry:0deg;width:155px;height:155px;position:relative;border-radius:50%;transform:rotateX(var(--rx)) rotateY(var(--ry));background:conic-gradient(from -40deg,oklch(.91 .04 83),oklch(.58 .07 73),oklch(.94 .055 83),oklch(.68 .10 80),oklch(.97 .04 83),oklch(.60 .085 78),oklch(.91 .04 83));padding:3px;box-shadow:0 12px 30px oklch(0 0 0 / .6),0 2px 0 oklch(.4 .065 80),inset 0 0 0 1px oklch(.95 .04 83 / .7);transition:transform .18s ease-out;isolation:isolate}#cert-dialog .badge:before{content:'';position:absolute;inset:-9px;border:1px solid oklch(.83 .10 80 / .24);border-radius:50%}#cert-dialog .badge:after{content:'';position:absolute;inset:-18px;border:1px solid oklch(.83 .10 80 / .08);border-radius:50%}#cert-dialog .badge-inner{height:100%;position:relative;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 35% 20%,oklch(.43 .055 82),oklch(.24 .042 82) 55%,oklch(.17 .023 82));border:1px solid oklch(.34 .09 80);overflow:hidden;box-shadow:inset 0 1px 4px oklch(.98 .06 80 / .3),inset 0 -1px 5px oklch(0 0 0 / .8)}#cert-dialog .badge-inner:before{content:'';position:absolute;inset:8px;border-radius:50%;background:repeating-conic-gradient(from 0deg,oklch(.91 .04 80 / .12) 0deg 1deg,transparent 1deg 6deg);mask:radial-gradient(transparent 62%,oklch(0 0 0) 63%);border:1px solid oklch(.87 .08 80 / .32)}#cert-dialog .badge-inner:after{content:'';position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 40%,oklch(.99 0 0 / .02) 43%,oklch(.99 0 0 / .32) 49%,oklch(.99 0 0 / .03) 54%,transparent 60%);transform:translateX(-65%);animation:badge-shine 4.6s ease-in-out infinite;pointer-events:none}#cert-dialog .badge-ring{position:absolute;inset:18px;border:1px solid oklch(.77 .092 80 / .58);border-radius:50%}#cert-dialog .badge-monogram{font-size:47px;font-weight:700;line-height:1.15;letter-spacing:-.08em;padding-right:4px;color:oklch(.90 .075 84);text-shadow:0 1px 0 oklch(.40 .075 80),0 -1px 0 oklch(.97 .04 85 / .5)}#cert-dialog .badge-crown{font-size:16px;color:var(--cert-gold);line-height:1;margin-bottom:5px}#cert-dialog .badge-caption{font-size:8px;letter-spacing:.14em;margin-top:6px;color:oklch(.85 .073 82)}#cert-dialog .badge-check{position:absolute;right:1px;bottom:8px;width:32px;height:32px;background:var(--cert-gold);color:oklch(.19 .04 82);border-radius:50%;border:3px solid var(--cert-bg);display:grid;place-items:center;font-size:15px;font-weight:700;box-shadow:0 3px 10px oklch(0 0 0 / .4)}#cert-dialog h2{font-size:24px;font-weight:500;text-align:center;letter-spacing:-.02em;line-height:1.4}#cert-dialog .cert-state{text-align:center;color:var(--cert-gold);font-size:12px;margin-top:9px;margin-bottom:24px}#cert-dialog .cert-state:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:3px}#cert-dialog .cert-details{margin:0;font-size:12px}#cert-dialog .cert-details>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--cert-line);padding:11px 0}#cert-dialog dt{color:var(--cert-muted);white-space:nowrap}#cert-dialog dd{margin:0;text-align:right;max-width:75%;overflow-wrap:anywhere}#cert-dialog .cert-details .associations{font-size:10px;line-height:1.8}#cert-dialog .cert-disclosure{font-size:10px;color:var(--cert-muted);border-top:1px solid var(--cert-line);padding-top:16px;line-height:1.8;text-align:center}#cert-dialog .cert-records{font-size:10px;color:var(--cert-muted);margin-top:18px}#cert-dialog summary{cursor:pointer;min-height:32px}#cert-dialog .cert-records ol{padding-left:17px;line-height:1.9}#cert-dialog .cert-records p{font-size:9px;margin-top:6px}#cert-dialog .cert-invalid .badge{filter:grayscale(1)}#cert-dialog .cert-invalid .cert-state{color:oklch(.78 .10 36)}#cert-dialog .cert-invalid .badge-check{background:oklch(.75 .01 0);color:oklch(.25 0 0)}@keyframes cert-open{from{transform:translateY(24px) scale(.95) rotateX(3deg);opacity:0;filter:blur(5px)}to{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}}@keyframes cert-backdrop{from{opacity:0}to{opacity:1}}@keyframes badge-shine{0%,15%{transform:translateX(-65%)}65%,100%{transform:translateX(65%)}}@media(max-width:600px){#cert-dialog .cert-shell{padding:26px 24px 22px}#cert-dialog .badge-space{height:185px}#cert-dialog .badge{width:143px;height:143px}#cert-dialog .cert-top{font-size:9px;gap:8px;padding-right:33px}#cert-dialog .cert-details{font-size:11px}#cert-dialog h2{font-size:22px}#cert-dialog dd{max-width:70%}#cert-dialog .cert-close{right:9px;top:12px}}@media(prefers-reduced-motion:reduce){#cert-dialog[open],#cert-dialog::backdrop,#cert-dialog .badge-inner:after{animation:none}#cert-dialog .badge{transform:none!important;transition:none}}body.reduce-motion #cert-dialog .badge{transform:none!important}body.reduce-motion #cert-dialog .badge-inner:after{animation:none}