.about-trust-card {
	margin-top: 22px;
}
.about-widget {
	width: min(100%, 420px);
	margin-left: auto;
	display: flex;
	flex-direction: column;
}

.about-widget__card {
	background: #fff;
	border-radius: 16px;
	border: 1px solid #dbeafe;
	box-shadow: 0 12px 48px rgba(30, 64, 175, 0.12);
	height: 520px;
	position: relative;
	overflow: hidden;
}

.about-widget__top-bar {
	height: 4px;
	background: #1d4ed8;
}

.about-widget__badge {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 10;
	background: #1d4ed8;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 999px;
}

.about-widget__panel {
	position: absolute;
	inset: 0;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.35s ease;
}

.about-widget__panel.active {
	opacity: 1;
	pointer-events: auto;
}

.about-widget__cert {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	animation: aboutWidgetCertEntry 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.about-widget__dots {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	margin-top: 16px;
	flex-wrap: wrap;
}

.about-widget__dot-item,
.about-widget__dot-item:hover,
.about-widget__dot-item:focus,
.about-widget__dot-item:focus-visible,
.about-widget__dot-item:active {
	appearance: none;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	cursor: pointer;
}

.about-widget__dot {
	height: 6px;
	border-radius: 999px;
	background: #bfdbfe;
	transition: width 0.3s, background 0.3s;
	width: 6px;
}

.about-widget__dot.active {
	width: 24px;
	background: #1d4ed8;
}

.about-widget__dot-label {
	font-size: 8px;
	font-weight: 600;
	color: #bfdbfe;
	transition: color 0.3s;
}

.about-widget__dot-label.active {
	color: #1d4ed8;
}

.about-widget__academic-border {
	position: absolute;
	inset: 16px;
	border: 1px solid #333;
	border-radius: 4px;
	animation: aboutWidgetFadeIn 0.3s ease 0.2s both;
}

.about-widget__academic-top-line {
	position: absolute;
	top: 32px;
	left: 50%;
	transform: translateX(-50%);
	width: 40%;
	height: 1px;
	background: #333;
	animation: aboutWidgetGrowX 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both;
}

.about-widget__academic-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.about-widget__academic-diamond {
	width: 64px;
	height: 64px;
	border: 2px solid #333;
	transform: rotate(45deg);
	animation: aboutWidgetScaleRotate 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.6s both;
}

.about-widget__academic-center-line {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: 24px;
	transform: translateX(-50%);
	width: 100px;
	height: 1px;
	background: #666;
	animation: aboutWidgetGrowX 0.3s ease 0.8s both;
}

.about-widget__academic-bottom-line {
	position: absolute;
	bottom: 32px;
	left: 50%;
	transform: translateX(-50%);
	width: 30%;
	height: 1px;
	background: #999;
	animation: aboutWidgetGrowX 0.3s ease 1s both;
}

.about-widget__centered-top-square {
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	border: 1px solid #555;
	animation: aboutWidgetScaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
}

.about-widget__centered-rect {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 160px;
	height: 112px;
	border: 2px solid #333;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: aboutWidgetScaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both;
}

.about-widget__centered-rect-line {
	width: 70%;
	height: 6px;
	background: #555;
	animation: aboutWidgetGrowX 0.3s ease 0.7s both;
}

.about-widget__centered-bottom-square {
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	border: 1px solid #555;
	animation: aboutWidgetScaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s both;
}

.about-widget__centered-corner {
	position: absolute;
	width: 20px;
	height: 20px;
	animation: aboutWidgetFadeIn 0.2s ease both;
}

.about-widget__centered-corner--tl {
	top: 16px;
	left: 16px;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	animation-delay: 0.8s;
}

.about-widget__centered-corner--tr {
	top: 16px;
	right: 16px;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
	animation-delay: 0.85s;
}

.about-widget__centered-corner--bl {
	bottom: 16px;
	left: 16px;
	border-bottom: 2px solid #999;
	border-left: 2px solid #999;
	animation-delay: 0.9s;
}

.about-widget__centered-corner--br {
	bottom: 16px;
	right: 16px;
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	animation-delay: 0.95s;
}

.about-widget__dual-divider {
	position: absolute;
	left: 50%;
	top: 16px;
	bottom: 16px;
	width: 1px;
	background: #333;
	transform: translateX(-50%);
	animation: aboutWidgetGrowY 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
}

.about-widget__dual-left {
	position: absolute;
	left: 24px;
	top: 50%;
	transform: translateY(-50%);
}

.about-widget__dual-right {
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
}

.about-widget__dual-block-left,
.about-widget__dual-block-right {
	width: 112px;
	height: 28px;
	margin-bottom: 12px;
	animation: aboutWidgetGrowX 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.about-widget__dual-block-left {
	background: #333;
	transform-origin: left center;
}

.about-widget__dual-block-right {
	background: #666;
	transform-origin: right center;
}

.about-widget__dual-block-left:nth-child(1) { animation-delay: 0.4s; }
.about-widget__dual-block-left:nth-child(2) { animation-delay: 0.5s; }
.about-widget__dual-block-left:nth-child(3) { animation-delay: 0.6s; }
.about-widget__dual-block-right:nth-child(1) { animation-delay: 0.6s; }
.about-widget__dual-block-right:nth-child(2) { animation-delay: 0.7s; }
.about-widget__dual-block-right:nth-child(3) { animation-delay: 0.8s; }

.about-widget__dual-top-bar {
	position: absolute;
	top: 32px;
	left: 32px;
	right: 32px;
	height: 1px;
	background: #999;
	animation: aboutWidgetGrowX 0.3s ease 0.9s both;
}

.about-widget__dual-bottom-bar {
	position: absolute;
	bottom: 32px;
	left: 32px;
	right: 32px;
	height: 1px;
	background: #999;
	animation: aboutWidgetGrowX 0.3s ease 1s both;
}

.about-widget__linear-h-line {
	position: absolute;
	left: 16px;
	right: 16px;
	height: 1px;
	animation: aboutWidgetGrowX 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.about-widget__linear-h-line:nth-child(1) { top: 20%; background: #999; animation-delay: 0.2s; }
.about-widget__linear-h-line:nth-child(2) { top: 35%; background: #999; animation-delay: 0.3s; }
.about-widget__linear-h-line:nth-child(3) { top: 50%; background: #333; animation-delay: 0.4s; }
.about-widget__linear-h-line:nth-child(4) { top: 65%; background: #999; animation-delay: 0.5s; }
.about-widget__linear-h-line:nth-child(5) { top: 80%; background: #999; animation-delay: 0.6s; }

.about-widget__linear-v-line {
	position: absolute;
	top: 16px;
	bottom: 16px;
	width: 1px;
	animation: aboutWidgetGrowY 0.3s ease both;
}

.about-widget__linear-v-line:nth-child(6) { left: 25%; background: #ccc; animation-delay: 0.6s; }
.about-widget__linear-v-line:nth-child(7) { left: 50%; background: #333; animation-delay: 0.7s; }
.about-widget__linear-v-line:nth-child(8) { left: 75%; background: #ccc; animation-delay: 0.8s; }

.about-widget__linear-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	border: 2px solid #333;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: aboutWidgetScaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.9s both;
}

.about-widget__linear-inner-diamond {
	width: 56px;
	height: 56px;
	border: 1px solid #666;
	transform: rotate(45deg);
	animation: aboutWidgetScaleRotate 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 1.1s both;
}

.about-widget__dark-border {
	position: absolute;
	inset: 16px;
	border: 1px solid #fff;
	border-radius: 4px;
	animation: aboutWidgetFadeIn 0.3s ease 0.2s both;
}

.about-widget__dark-top-line {
	position: absolute;
	top: 24px;
	left: 32px;
	right: 32px;
	height: 1px;
	background: #fff;
	animation: aboutWidgetGrowX 0.3s ease 0.4s both;
}

.about-widget__dark-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.about-widget__dark-square {
	width: 64px;
	height: 64px;
	border: 2px solid #fff;
	animation: aboutWidgetScaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.6s both;
}

.about-widget__dark-bars {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
	margin-top: 20px;
}

.about-widget__dark-bar {
	width: 6px;
	height: 56px;
	background: #fff;
	animation: aboutWidgetGrowY 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.about-widget__dark-bar:nth-child(1) { animation-delay: 0.8s; }
.about-widget__dark-bar:nth-child(2) { animation-delay: 0.9s; }
.about-widget__dark-bar:nth-child(3) { animation-delay: 1s; }

.about-widget__dark-bottom-line {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 1px;
	background: #888;
	animation: aboutWidgetGrowX 0.3s ease 1s both;
}

.about-widget__dark-dot {
	position: absolute;
	width: 6px;
	height: 6px;
	background: #fff;
	animation: aboutWidgetScaleIn 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.about-widget__dark-dot--tl { top: 10px; left: 10px; animation-delay: 1.1s; }
.about-widget__dark-dot--tr { top: 10px; right: 10px; animation-delay: 1.15s; }
.about-widget__dark-dot--bl { bottom: 10px; left: 10px; animation-delay: 1.2s; }
.about-widget__dark-dot--br { bottom: 10px; right: 10px; animation-delay: 1.25s; }

.about-widget__custom-palette {
	position: absolute;
	top: 24px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 6px;
}

.about-widget__custom-color {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	animation: aboutWidgetScaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.about-widget__custom-color:nth-child(1) { background: #333; animation-delay: 0.3s; }
.about-widget__custom-color:nth-child(2) { background: #666; animation-delay: 0.4s; }
.about-widget__custom-color:nth-child(3) { background: #999; animation-delay: 0.5s; }
.about-widget__custom-color:nth-child(4) { background: #2563eb; animation-delay: 0.6s; }
.about-widget__custom-color:nth-child(5) { background: #dc2626; animation-delay: 0.7s; }

.about-widget__custom-grid {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	width: 224px;
}

.about-widget__custom-cell {
	width: 100%;
	height: 56px;
	border: 1px solid #999;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: aboutWidgetScaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.about-widget__custom-cell:nth-child(1) { animation-delay: 0.5s; }
.about-widget__custom-cell:nth-child(2) { animation-delay: 0.55s; }
.about-widget__custom-cell:nth-child(3) { animation-delay: 0.6s; }
.about-widget__custom-cell:nth-child(4) { animation-delay: 0.65s; }
.about-widget__custom-cell:nth-child(5) { animation-delay: 0.7s; }
.about-widget__custom-cell:nth-child(6) { animation-delay: 0.75s; }
.about-widget__custom-cell:nth-child(7) { animation-delay: 0.8s; }
.about-widget__custom-cell:nth-child(8) { animation-delay: 0.85s; }
.about-widget__custom-cell:nth-child(9) { animation-delay: 0.9s; }

.about-widget__custom-center-square {
	width: 24px;
	height: 24px;
	background: #333;
	animation: aboutWidgetScaleIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 1s both;
}

.about-widget__custom-typo {
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 12px;
}

.about-widget__custom-typo-bar {
	height: 4px;
	background: #555;
	animation: aboutWidgetGrowX 0.3s ease both;
}

.about-widget__custom-typo-bar:nth-child(1) { width: 10px; animation-delay: 1.3s; }
.about-widget__custom-typo-bar:nth-child(2) { width: 14px; animation-delay: 1.4s; }
.about-widget__custom-typo-bar:nth-child(3) { width: 20px; animation-delay: 1.5s; }

@keyframes aboutWidgetCertEntry {
	from { transform: scale(0.95) rotateY(-5deg); opacity: 0; }
	to { transform: scale(1) rotateY(0); opacity: 1; }
}

@keyframes aboutWidgetFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes aboutWidgetScaleIn {
	from { transform: scale(0); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
}

@keyframes aboutWidgetScaleRotate {
	from { transform: scale(0) rotate(0deg); opacity: 0; }
	to { transform: scale(1) rotate(45deg); opacity: 1; }
}

@keyframes aboutWidgetGrowX {
	from { transform: scaleX(0); }
	to { transform: scaleX(1); }
}

@keyframes aboutWidgetGrowY {
	from { transform: scaleY(0); }
	to { transform: scaleY(1); }
}

@media (max-width: 921px) {
	.about-widget {
		width: min(100%, 380px);
		margin: 0 auto;
	}

	.about-widget__card {
		height: 470px;
	}
}

@media (max-width: 640px) {
	.about-widget {
		width: 100%;
		max-width: 360px;
	}

	.about-widget__card {
		height: 450px;
	}

	.about-widget__panel {
		padding: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.about-widget__cert,
	.about-widget__academic-border,
	.about-widget__academic-top-line,
	.about-widget__academic-diamond,
	.about-widget__academic-center-line,
	.about-widget__academic-bottom-line,
	.about-widget__centered-top-square,
	.about-widget__centered-rect,
	.about-widget__centered-rect-line,
	.about-widget__centered-bottom-square,
	.about-widget__centered-corner,
	.about-widget__dual-divider,
	.about-widget__dual-block-left,
	.about-widget__dual-block-right,
	.about-widget__dual-top-bar,
	.about-widget__dual-bottom-bar,
	.about-widget__linear-h-line,
	.about-widget__linear-v-line,
	.about-widget__linear-center,
	.about-widget__linear-inner-diamond,
	.about-widget__dark-border,
	.about-widget__dark-top-line,
	.about-widget__dark-square,
	.about-widget__dark-bar,
	.about-widget__dark-bottom-line,
	.about-widget__dark-dot,
	.about-widget__custom-color,
	.about-widget__custom-cell,
	.about-widget__custom-center-square,
	.about-widget__custom-typo-bar {
		animation: none !important;
		transition: none !important;
	}
}