.cred{max-width:760px}.badge{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;margin-bottom:1.5rem}.badge.valid{background:var(--leaf);color:var(--rum)}.badge.error,.badge.revoked{background:var(--pink);color:var(--beet)}.badge.missing{background:var(--blue);color:var(--rum)}.cred-card{margin-top:2rem;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--r);background:color-mix(in srgb,var(--pink) 22%,var(--lemon));border:2px solid var(--beet)}.cred-type{font-weight:700;color:var(--beet)}.cred-name{font-size:clamp(2rem,6vw,3.4rem);margin:.4rem 0 .2rem;color:var(--beet)}.cred-role{font-size:1.5rem}.cred-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem 2rem;gap:1rem 2rem;margin-top:1.6rem;padding-top:1.4rem;border-top:2px solid color-mix(in srgb,var(--rum) 15%,transparent)}.cred-meta dt{font-size:.85rem;opacity:.75}.cred-meta dd{font-weight:700;overflow-wrap:anywhere}.vform{margin-top:1.5rem;max-width:560px}.vrow{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.4rem}.vrow input{flex:1 1 260px;padding:.85rem 1.2rem;border-radius:999px;border:2px solid var(--rum);background:var(--lemon);font:inherit;color:inherit}.vrow button{cursor:pointer}