:root {
  --purple:    #7c5cff;           
  --cyan:      #00e5ff;           
  --success:   #00e5a0;           
  --error:     #ff5c7a;           
  --text-muted: #b8c1d1;          
  --text-dim:   #aebad8;          
  --text-link:  #7aa2ff;          
  --radius:     10px;             
  --font-mono:  monospace;        

  --neon-pink:      #ff2bd6;
  --hot-pink:       #ff1493;
  --neon-purple:    #b026ff;
  --electric-violet:#8a2be2;
  --neon-blue:      #00d9ff;
  --electric-blue:  #0066ff;
  --neon-cyan:      #00ffff;
  --neon-green:     #39ff14;
  --lime:           #b6ff00;
  --neon-yellow:    #ffff00;
  --neon-orange:    #ff6d00;
  --neon-red:       #ff1744;
}

.card-title {
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--text-muted);
      margin-bottom: 18px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .card-title::after {
      content: '';
      flex: 1;
      height: 1px;
      background: rgba(100, 159, 255, 0.411);
    }