.certificate-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: rgba(17, 24, 38, 0.1);
	z-index: 99999;
	display: none;
}

.certificate-loader.active {
	display: block;
}

.certificate-loader__bar {
	height: 100%;
	width: 0%;
	background: linear-gradient(90deg, #294ea1, #ffad2b);
	transition: width 0.3s ease-out;
	position: relative;
	overflow: hidden;
}

.certificate-loader__bar::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
	animation: certificateLoaderShine 1.5s ease-in-out infinite;
}

@keyframes certificateLoaderShine {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}