Awesome TUI

# Brief de diseño: Desarrollador oscuro (con Retro y nostálgico)

Superficies oscuras profundas, tipografía monoespaciada, fragmentos de terminal/código y bordes de alta precisión.

## Tokens de Diseño

```css
:root {
  --background: #050608;
  --surface: #0d141d;
  --foreground: #f3f4f1;
  --muted-foreground: #898a80;
  --accent: #cce94f;
  --radius: 4px;
  --font-heading: "JetBrains Mono", ui-monospace, monospace;
  --font-body: "JetBrains Mono", ui-monospace, monospace;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}
```

Proporción de área de color: Fondo #050608 (~69%) · Superficie #0D141D (~17%) · Texto #F3F4F1 (~5%) · Texto secundario #898A80 (~6%) · Acento #CCE94F (~3%). El fondo y la superficie dominan el lienzo; reserva el color de acento para los botones principales y estados activos.

## Estructura de Diseño y Conversión

- Diseño hero: Texto y visual dividido
- Navegación: Barra superior completa
- Tema y densidad: Oscuro · Denso
- Radio de borde y elevación: Radio pequeño; usar sombras de elevación para separar capas
- Medio visual principal: Ilustración / Arte de personajes
- CTA de conversión: Empezar gratis / Registrarse · La barra de confianza usa Usuarios, calificación o métricas clave
- Gancho del titular: Manifiesto de marca y curiosidad
- Componentes hero: Franja de métricas, Captura de producto grande en el hero, Ilustración personalizada
- Notas de distribución espacial: Estructura hero texto y visual dividido combinada con CTA de empezar gratis / registrarse y usuarios, calificación o métricas clave.
- Resumen visual: Desarrollador oscuro (lienzo oscuro, densidad denso) con diseño texto y visual dividido y visuales de ilustración / arte de personajes.

## Evitar

- Fondos pastel cálidos
- Ilustraciones de dibujos animados divertidas
- Botones tipo píldora gigantes por todas partes

Implementa la interfaz siguiendo los tokens de diseño y especificaciones anteriores: usa solo estas variables de color y reserva el color de acento estrictamente para acciones principales y estados activos. Adopta únicamente este estilo visual; nunca copies el nombre de marca, logotipo, textos o imágenes de ningún producto de referencia.