¿Se pueden aplicar estilos CSS a la mitad de un carácter en el texto?

```html ¡Hola a todos! Soy un desarrollador frontend principiante y me encontré con una tarea interesante. Necesito hacer que la mitad de una letra (por ejemplo, la parte izquierda) sea de un color y la parte derecha de otro. Intenté hacerlo con propiedades CSS estándar, pero no funcionó. Aquí hay un ejemplo de mi intento: ```javascript // Intenté dividir la cadena en caracteres y estilizar la mitad const text = "Привет"; const letters = text.split(''); // Y luego no sé qué hacer... ``` Probé usar `::before` y `::after`, pero solo funcionan con elementos completos. Usé `background-clip: text`, pero colorea todo el texto por completo. ¿Quizás hay alguna forma ingeniosa con JavaScript? ¿O es imposible? Necesito que el resultado se vea más o menos así: la mitad izquierda de la letra "П" roja, la mitad derecha azul. Es decir, los estilos no se aplican a todo el carácter, sino a una parte de él. Vi que en algunos sitios hacen efectos similares con gradientes, pero necesito una transición clara en el medio de la letra. ```