.angle-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 15px;
	margin-top: 20px;
}
.radar-container {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 2px solid var(--conv-primary);
	margin: 20px auto;
	position: relative;
	background: radial-gradient(circle, #fff 0%, #f1f5f9 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}
.radar-needle {
	width: 2px;
	height: 50%;
	background: var(--conv-primary);
	position: absolute;
	bottom: 50%;
	transform-origin: bottom center;
	transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.radar-needle::after {
	content: '';
	position: absolute;
	top: 0;
	left: -4px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid var(--conv-primary);
}