Matrix Dot List

SECURITY_PROTOCOL_A
ENCRYPTION_LAYER_B
VOID_HANDSHAKE

HTML_STRUCTURE

<ul class='bh-list-v1-matrix'><li>SECURITY_PROTOCOL_A</li><li>ENCRYPTION_LAYER_B</li><li>VOID_HANDSHAKE</li></ul>

CSS_STYLING

.bh-list-v1-matrix { list-style: none; padding: 0; } .bh-list-v1-matrix li { padding: 10px 0 10px 25px; position: relative; color: #fff; font-weight: 700; font-size: 12px; } .bh-list-v1-matrix li::before { content: ''; position: absolute; left: 0; top: 15px; width: 6px; height: 6px; background: #222; border-radius: 50%; } .bh-list-v1-matrix li:hover::before { background: #00ff88; box-shadow: 0 0 8px #00ff88; }

// DESIGN_NOTES: Komponen ini menggunakan CSS variabel untuk memudahkan kustomisasi warna dan transisi.